token過期自動跳轉到登入頁面

2021-10-04 01:14:57 字數 1161 閱讀 2124

這幾天專案提測,測試給我提了個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...