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
相關文章:
主站蜘蛛池模板: 久久黄色| 国产欧美在线观看 | 99精品网| 精品国产91 | 欧美黑人体内she精在线观看 | 亚洲日本中文 | 欧美极品少妇xxxxⅹ免费视频 | 免费一区| 中文字幕av第一页 | 中日字幕大片在线播放 | 精品国产一区二区国模嫣然 | 黄色毛片大全 | 欧美激情精品久久久久 | 欧美日韩在线一区二区三区 | 亚洲精品在线观 | 国产精品久久久久久久久久免费看 | 97精品一区二区 | 国产精品视频网站 | 亚洲成av人片在线观看无码 | 国产在线精品一区二区 | 国产性色视频 | 久久久免费电影 | 欧美一级大片 | 欧美男人天堂 | 国产精品久久二区 | 伊人无码高清 | 亚洲国产精品一区二区三区 | 波多野结衣一区二区三区在线观看 | 综合一区二区三区 | 国产精品日韩一区二区 | 国产精品久久精品 | 亚洲国产午夜 | 国产精品一区二区电影 | 欧产日产国产精品国产 | 在线一区 | 欧美日韩中文字幕在线 | 国产黄色大片网站 | 一区二区三区四区在线免费观看 | 在线观看中文视频 | 91久久久久久久久久久 | 亚洲成人精品视频 |