国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

目前專案使用者權(quán)限依賴關(guān)係：

• 使用者基礎(chǔ)權(quán)限

• #所在部門的權(quán)限

• #所在職位的權(quán)限

• #使用者特殊權(quán)限

#因為權(quán)限比較複雜如果將路由在前端寫死的話，那麼一個普通員工登入後也要載入幾百甚至上千個路由及對應(yīng)的元件。

1. 效能問題

2. 前後端都要做權(quán)限驗證，想到這個就頭痛

#基於這兩項考慮，決定將路由寫在資料庫中，然後後端根據(jù)登入使用者的權(quán)限動態(tài)分配路由給前端載入。

但是我在前端用ajax請求的時候，發(fā)現(xiàn)總是在vue初始化完成後（也就是說路由已經(jīng)載入了）才向後臺請求路由資料

請求的程式碼放在main.js和vue生命週期的beforeCreate中都一樣

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)
            })
    }
})

求前端大神解答！