laravel - cara vue-router memuatkan laluan secara tidak segerak

Question

Pergantungan kebenaran pengguna projek semasa:

• Kebenaran pengguna asas

• Kebenaran jabatan anda

• Kebenaran jawatan anda

• Kebenaran pengguna khas

Oleh kerana kebenaran adalah rumit, jika laluan dikodkan keras di bahagian hadapan, maka pekerja biasa perlu memuatkan ratusan atau bahkan ribuan laluan dan komponen yang sepadan selepas log masuk.

1. Isu prestasi

2. Pengesahan kebenaran diperlukan pada kedua-dua hujung depan dan belakang. Memikirkan perkara ini membuat saya sakit kepala

Berdasarkan dua pertimbangan ini, kami memutuskan untuk menulis laluan dalam pangkalan data, dan kemudian bahagian belakang memperuntukkan laluan secara dinamik ke bahagian hadapan untuk dimuatkan berdasarkan kebenaran pengguna yang log masuk.

Tetapi apabila saya menggunakan ajax untuk meminta di bahagian hadapan, saya mendapati bahawa data penghalaan sentiasa diminta dari latar belakang selepas permulaan vue selesai (iaitu, laluan telah dimuatkan)

Kod yang diminta diletakkan sama dalam main.js dan sebelumCipta kitaran hayat vue

const routes = [];

const router = new VueRouter({
    mode: 'history',
    linkActiveClass: 'active',
    routes
})

const app = new Vue({
    router,
    el: '#app',
    data: routes,
    template: '<App/>',
    components: { App },
    created: function () {
        const self = this
        axios.get('https://service.it/api/routes')
            .then(function (response) {
                self.routes = response.data;
            })
            .catch(function (error) {
                console.log(error)
            })
    }
})

Sila tanya guru bahagian hadapan untuk jawapan!

Answer 1

vue-router@2.2.0 bermula, router.addRoute(routes)tambah laluan secara dinamik

Answer 2

Gunakan axios untuk meminta konfigurasi penghalaan terlebih dahulu melalui ajax dan kemudian mulakan entiti vue