av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript - 登錄攔截邏輯問題?

瀏覽:97日期:2023-09-21 08:20:35

問題描述

現在我輸入賬號密碼,瀏覽器發送請求,成功返回了token;

想問的是:這個token我是放在cookie里好還是localStorage好呢?

還有就是其他頁面的登錄攔截怎么處理?

是判斷cookie或者localStorage里有token就放行嗎?(如果是,別人隨便造一個token也可以放行了啊)

還有成功的返回的超時時間是怎么用,是放在cookie里面嗎?

還是我的思路是錯的?

問題解答

回答1:

用戶認證成功后,服務端返回的 token 值,前端一般存在 localStorage 里。每次發出請求的時候,把該 token 放在請求頭即可。下面以 axios為例:

// http request 攔截器api.interceptors.request.use(config => { if (window.localStorage.ACCESS_TOKEN) { config.headers.Authorization = ’Bearer ’ + window.localStorage.ACCESS_TOKEN } return config}, error => { return Promise.reject(error)})// http response 攔截器api.interceptors.response.use(response => { if (response.status === 401) { // token過期 window.localStorage.removeItem(’ACCESS_TOKEN’) router.replace({ path: ’/user/login’, query: {redirect: router.currentRoute.fullPath } }) } return response}, error => { return Promise.reject(error)})

頁面的登錄攔截以 vue.js 的 vue-router 為例:

// 導航鉤子router.beforeEach((to, from, next) => { // 檢查登錄狀態 store.commit(types.CHECKOUT_LOGIN_STATUS) if (to.matched.some(record => record.meta.requiresAuth)) { // 判斷該路由是否需要登錄權限 if (window.localStorage.ACCESS_TOKEN) { // 如果本地存在 access_token,則繼續導航 next() } else { if (name === ’userLogin’) {next() } else {next({ // 登錄成功后,自動跳轉到之前的頁面 path: ’/user/login’, query: { redirect: to.fullPath }}) } } } else { next() }})

另外 token 值一般是很難偽造的,因為每次請求都會向后端去驗證該 token 值的有效性。

回答2:

建議 通過 服務端返回的 request 中 使用 setCookie 的方式進行 token設置,并且設置為 httpOnly,后面的請求中帶上cookie,然后根據 server 的回調判斷狀態。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 91视频88av | 亚洲免费在线观看 | 国产精品久久久久久久久久久久午夜片 | 我想看一级黄色毛片 | 日韩乱码一二三 | 日本精品一区二区三区在线观看视频 | 粉嫩一区二区三区性色av | 国产精品视频在线观看 | 国产日韩在线观看一区 | 日本午夜精品一区二区三区 | 在线一区观看 | 国产欧美在线视频 | 国精品一区二区 | 成人在线视频一区 | 久久久久久亚洲精品 | 日韩一区二区福利 | 99亚洲精品 | 久久爱一区 | 成年人在线观看视频 | 91精品观看 | 久久久久久成人 | 国产有码 | 日日夜夜91| 在线免费观看黄色 | 免费在线看黄 | 欧美a级成人淫片免费看 | 在线国产精品一区 | 亚洲人成人一区二区在线观看 | 亚洲一区二区不卡在线观看 | 日韩精品一区二区三区中文字幕 | 国产精品18hdxxxⅹ在线 | 久久99国产精品 | 一区二区三区在线免费观看视频 | 亚洲精品久久久久久久久久久 | 亚洲一区在线播放 | 国产视频精品在线 | 日韩三级一区 | 欧美精品网站 | 亚洲精品国产电影 | 97操操| 性色av香蕉一区二区 |