我正在使用前端的Vue和后端的Laravel PHP構建一個應用程序。它是一個單頁應用程序（SPA）。更改頁面時，有時 -并非總是- axios對同一頁面發出兩個請求。我很難弄清楚發生了什么。當鏈接更改時，我有兩個觀察者，一個用于頂級類別，另一個用于子類別。它們觸發調用 loadData 方法的 created() 鉤子。如果我更改主類別和子類別（例如：從 1/5 到 2/31），則將調用 loadData 方法兩次。我該如何解決這個問題？Google 網絡選項卡（.json請求不代表我上面提到的相同類型的頁面，只有數字）：<script>    import axios from 'axios'    import { mapGetters } from 'vuex'    import Form from 'vform'    export default {        data() {            return {                products: {                    cat : {} ,                     products : []                },                productsShow: '',                quickSearchQuery: '',                loadeddata : false,            }        },        methods: {            loadMore () {                this.productsShow += 21            },            loadData () {                if ( this.$route.params.sub_id ) {                    axios.get('/api/cat/' + this.$route.params.cat_id + '/' + this.$route.params.sub_id).then(response => {                     this.products = response.data                     this.productsShow = 21                    this.loadeddata = true                    }).catch(error => {                        if (error.response.status === 404) {                            this.$router.push('/404');                        }                    });                } else {                    axios.get('/api/cat/' + this.$route.params.cat_id ).then(response => {                     this.products = response.data                     this.productsShow = 21                    this.loadeddata = true                    }).catch(error => {                        if (error.response.status === 404) {                            this.$router.push('/404');                        }                    });