laravel - cara vue-router memuatkan laluan secara tidak segerak
PHPz
PHPz 2017-05-16 16:48:20
0
2
821

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

  3. 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!

PHPz
PHPz

学习是最好的投资!

membalas semua(2)
phpcn_u1582

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

滿天的星座

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

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan