如何使用 Vue.js（Vue 路由器）和 Django 正確檢查身份驗證

Question

我正在嘗試檢查用戶是否在vue-router中的受保護路由上進行了身份驗證。 我有 Django rest 在登錄時設置 sessionid 的框架。

我見過有人用vuex或者local storage來存儲session的信息。 但是，如果令牌在服務器端被強制過期，則將允許用戶導航，因為 localStorage 仍然IsAuthenticated=true 。 在這種情況下，向 Django 后端發出請求，例如fetch("url/auth/authenticated")是否是最佳選擇？

Answer 1

請考慮在受保護的路由上添加路由守衛。

Vue Router 允許你在進入任何路由之前做一些事情。

以下 文檔可以幫助您。 請記住，您的 API 響應是您前端的規則。 因此，為了檢查 sessionid 是否仍然有效，您可以創建一個端點來執行此操作，當它以過期的 state 響應時，您的前端應該在您的 vuex 存儲和本地存儲中取消與 session 相關的所有設置，然后重定向用戶到連接頁面！