鍍金池/ 問答/HTML/ vue-cli改造的多頁面應(yīng)用如何處理頁面跳轉(zhuǎn)，登錄權(quán)限，頁面通信等？

vue-cli改造的多頁面應(yīng)用如何處理頁面跳轉(zhuǎn)，登錄權(quán)限，頁面通信等？

1.用vue-cli開發(fā)的多頁面應(yīng)用沒有了vue-router，vuex等如何處理一下問題

  • 頁面跳轉(zhuǎn)及通信，是用傳統(tǒng)的location.href嗎？頁面之間通信怎么處理？通過跳轉(zhuǎn)時(shí)url傳參數(shù)？
  • 權(quán)限判斷，為了防止直接輸入網(wǎng)址而訪問頁面，是要后臺(tái)配合攔截嗎？還是前端在每個(gè)頁面的鉤子函數(shù)里請(qǐng)求后臺(tái)獲取權(quán)限然后再跳到登錄頁面？
回答
編輯回答
半心人

1.你總有個(gè)地方存用戶狀態(tài)吧，或者有個(gè)接口什么的判斷是否登陸？或者權(quán)限列表。

在new Vue 的時(shí)候 判斷
if (!isLogin()) {
  location.href = makePath("login");
} else {
  loginHook(router);
  window.vue=new Vue({
    router,
    render: h => h(App)
  }).$mount('#app')
}

多頁 Vue 也是可以用路由的

2018年8月14日 03:20