這幾天專案提測,測試給我提了個bug,說token過期,路由應該自動跳轉到登陸頁面,讓使用者重新登入。先說下一些前置條件,
1:我公司的token時效在生產環境設定為乙個小時,當token過期,所有介面都直接返回
2:每次路由跳轉都會對token進行判斷,設定了乙個全域性的beforeeach鉤子函式,如果token存在就跳到你所需要的頁面,否則就直接跳轉到登入頁面,讓使用者登入重新訪問token
介面返回的資訊
全域性的路由鉤子函式
router.
beforeeach
(async
(to, from, next)
=>
) nprogress.
done()
}else
catch
(error)`)
nprogress.
done()
}}else
else
`) nprogress.
done()
}}})
import axios from 'axios'
import
from 'element-ui'
import store from '@/store'
import
from '@/utils/auth'
const service = axios.
create()
//傳送請求時把token攜帶過去
service.interceptors.request.
use(
config =
>
return config
},error =
>
)service.interceptors.response.
use(
response =
>)}
return res
},error =
>
)return promise.
reject
(error)})
export default service
好啦,關於token的分享就到這裡了,以上**根據你們專案的情況換成你們的資料,有錯誤歡迎指出來! CAS 登出登入後跳轉到登入頁
cas單點登出後,缺省會跳到它自帶的登出介面 這裡建立在已部署好cas server的基礎上,詳情見上篇文章 如下圖 對應的jsp如下目錄 修改cas servlet.xml檔案的bean的id為logoutcontroller下的p followserviceredirects屬性為 true 如...
CAS 登出登入後跳轉到登入頁
cas單點登出後,缺省會跳到它自帶的登出介面,但是很多時候我們是希望它跳轉到登入介面,需要做如下修改 cas servlet.xml檔案中 p centralauthenticationservice ref centralauthenticationservice p logoutview cas...
請求時token過期自動重新整理token
1.在開發過程中,我們都會接觸到token,token的作用是什麼呢?主要的作用就是為了安全,使用者登陸時,伺服器會隨機生成乙個有時效性的token,使用者的每一次請求都需要攜帶上token,證明其請求的合法性,伺服器會驗證token,只有通過驗證才會返回請求結果。3.下面進入主題,我們請求用的是a...