紙上得來終覺淺,絕知此事要躬行!
Vue的文檔和教程看的太多,小的demo做的多,也不如自己實際的進行一個完整項目的開發(fā)。只有做了才知道原來問題這么多,這里列舉了一些你做demo教程可能不會遇見的坑。
一、項目的登錄攔截及用戶權限訪問控制問題。
一個很常見的需求就是對未登錄的用戶進行路由攔截和用戶的權限訪問,如果你的項目之前是通過后臺控制訪問路由的,那么之前的后端現(xiàn)在可能需要在前端也需要控制了,由于我們用vue腳手架搭建的都是純前端的路由訪問,先看看我們的一般的項目路徑:
你可能會注意到Vue的項目路徑里都有這個#號,這是一個錨點,說明我們的頁面靠后端可能控制不了你的路由了,這時候你需要進行Vue的路由攔截。(Vue-router 有個模式可以改為history ,但是改成這個模式后需要后端的服務有對應的兼容,否則會造成某些頁面刷新找不到頁面,而且不會出現(xiàn)404頁面,需要自己寫路由去匹配404頁面,慎用) 。這時候我們需要在router的里面添加meta字段進行自定義一些信息。像下面這樣:
&