国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

vue 權限認證token的實現方法

來源:懂視網 責編:小采 時間:2020-11-27 22:11:27
文檔

vue 權限認證token的實現方法

vue 權限認證token的實現方法:最近搞一個vue的項目,接口帶了權限驗證,于是乎稍微研究了一下,中間遇到的各種坑都來源于自己概念的不熟悉。 主要呢是分兩步: 一是vue路由層的控制,由于項目的路由有規律可循,所以沒有采用網上requireAuth那種在需要加驗證的路由上配置meta(具體見
推薦度:
導讀vue 權限認證token的實現方法:最近搞一個vue的項目,接口帶了權限驗證,于是乎稍微研究了一下,中間遇到的各種坑都來源于自己概念的不熟悉。 主要呢是分兩步: 一是vue路由層的控制,由于項目的路由有規律可循,所以沒有采用網上requireAuth那種在需要加驗證的路由上配置meta(具體見

最近搞一個vue的項目,接口帶了權限驗證,于是乎稍微研究了一下,中間遇到的各種坑都來源于自己概念的不熟悉。

主要呢是分兩步:

一是vue路由層的控制,由于項目的路由有規律可循,所以沒有采用網上requireAuth那種在需要加驗證的路由上配置meta(具體見:https://www.gxlcms.com/article/143928.htm)

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)

const router = new Router({...})

router.beforeEach((to, from, next) => {
 if(/^\/[S|B|V]/.test(to.path)){
 if (isLogin()) {//判斷token信息的自寫方法
 next();
 }
 else {
 next({ name: 'login' })//跳轉到登錄頁
 }
 }
 else {
 next();
 }
})

二是http 攔截器 ,統一處理所有http請求和響應,就得用上 axios 的攔截器。

import axios from 'axios'
// http request 攔截器
axios.interceptors.request.use(function (config) {
 config.headers.token = sessionStorage.getItem("user_token")//將接口返回的token信息配置到接口請求中
 return config;
}, function (error) {
 return Promise.reject(error);
});
// http response 攔截器
axios.interceptors.response.use(function(response){
 if(response.data.code=='1001'||response.data.code=='1002'){//具體的判斷token失效的參數
 sessionStorage.setItem("user_token",'')
 sessionStorage.setItem("LoginUser",'{}')
 alert(response.data.msg);
 window.location.href='/#/login'//需求方要求一旦出錯立即跳轉登錄,所以采取這種侵入式的手段。
 }else{
 return response
 }
}, function (error) {
 return Promise.reject(error);
});

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

vue 權限認證token的實現方法

vue 權限認證token的實現方法:最近搞一個vue的項目,接口帶了權限驗證,于是乎稍微研究了一下,中間遇到的各種坑都來源于自己概念的不熟悉。 主要呢是分兩步: 一是vue路由層的控制,由于項目的路由有規律可循,所以沒有采用網上requireAuth那種在需要加驗證的路由上配置meta(具體見
推薦度:
標簽: 驗證 VUE 實現
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 亚洲欧美日本综合 | 精品国产日韩亚洲一区91 | 一区二区成人国产精品 | 成人精品视频一区二区三区 | 亚洲午夜久久久久中文字幕 | 亚洲成色999久久网站 | 久久亚洲精选 | 欧美日韩一二区 | 日韩在线专区 | 视频一区二区免费 | 亚洲精品美女久久777777 | 日韩成人在线观看 | 在线国产视频 | 国产高清免费视频 | 亚洲另类网 | 欧美啊v在线观看 | 国产在线观看中文字幕 | 久久久久久夜精品精品免费啦 | 日韩欧美亚洲综合 | 亚洲欧美日韩在线播放 | 天天躁日日躁狠狠躁中文字幕老牛 | 亚洲另类天堂 | 国产精品视频观看 | 精品一区 二区三区免费毛片 | 日韩欧美一区二区三区不卡在线 | 爱爱免费 | 欧美日韩在线观看免费 | 精品国产福利 | 成人一a毛片免费视频 | 免费在线看a| 欧美成人一区二区三区 | www.a级片 | 国内一区二区三区精品视频 | 国产在线播放一区 | 国产九九热 | 国产淫语对白在线 | 精品欧美视频 | 韩国中文字幕 | 国产成人久久精品区一区二区 | 国产精品观看 | 青青操在线视频 |