?

如果用戶沒有登錄，但是直接通過URL訪問特定頁面，需要重新導航到登錄頁面。

在之前的操作中，我們登錄之后會種植一個?token?值，表示我們登錄成功了，那么此時我們將?token?值去掉呢？

直接點擊上述?clear all?按鈕去掉之后，我們依舊是可以訪問?/home的路由，沒有登錄也能訪問我們的后臺主頁，這肯定不是我們想要的結果。

在?router/index.js?中進行相關配置，具體如下，調用路由實例?router的?beforeEach方法，即可掛載我們的路由導航守衛

。

這里可能會有疑問，我們需要驗證 token的正確性嗎？
答案是不需要，因為前端只需要管要不要給用戶呈現這個頁面，而我們調用api時，后端會對我們的 token 值進行校驗，前端不需要驗證。

退出功能

基于 token 的方式實現退出比較簡單，只需要銷毀本地的 token 即可。這樣，后續的請求就不會攜帶 token ，必須重新登錄生成一個新的 token 之后才可以訪問頁面。

那么，我們僅需要為退出按鈕綁定一個事件即可。

然后事件內容就是：先清空?token，然后跳轉到我們的登錄頁面。

核心代碼如下：

總結

以上是生活随笔為你收集整理的前端学习（2705）：重读vue电商网站26之路由导航守卫控制访问权限的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。