国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

vue攔截器實(shí)現(xiàn)統(tǒng)一token,并兼容IE9驗(yàn)證功能

2019-11-19 13:56:50
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

項(xiàng)目中使用vue搭建前端頁(yè)面,并通過axios請(qǐng)求后臺(tái)api接口,完成數(shù)據(jù)交互。如果驗(yàn)證口令token寫在在每次的接口中,也是個(gè)不小的體力活,而且也不靈活。這里分享使用vue自帶攔截器,給每次請(qǐng)求的頭部添加token,而且兼容了IE9。

import axios from 'axios';// 這里的config包含每次請(qǐng)求的內(nèi)容,在這里把token放到請(qǐng)求頭axios.interceptors.request.use(function (config) {   let token = window.localStorage.getItem("tokenid"); //從緩存中取token  if (token) {    config.headers.Authorization = token;  //將token放到請(qǐng)求頭發(fā)送給服務(wù)器    //這里主要是為了兼容IE9    var browser = navigator.appName;    var b_version = navigator.appVersion;    if (browser == 'Netscape' && b_version.indexOf(';') < 0) { //火狐    } else {      if (b_version.indexOf(';') < 0) {        return config;      }      var version = b_version.split(";");      var trim_Version = version[1].replace(/[ ]/g, "");      if (browser == "Microsoft Internet Explorer" && trim_Version == "MSIE9.0") { //IE9        if (config.url.indexOf('?') > 0) {          config.url = config.url + "&token=" + JSON.parse(token).value;        }        else {          config.url = config.url + "?token=" + JSON.parse(token).value;        }      }    }  } else {    localStorage.clear(); //清空緩存    if (router.currentRoute.name && router.currentRoute.name.toLowerCase() == "login") {       //這里需要排除登陸(或者說(shuō)是第一次請(qǐng)求獲取token)的時(shí)候的請(qǐng)求驗(yàn)證,我這里沒做處理      //我的后臺(tái)api接口,并沒有對(duì)login接口做token驗(yàn)證,所以這里不做處理    } else {            //除登陸接口外,其他需要token驗(yàn)證的方法,會(huì)走這里且返回null      return null;    }  }  return config;}, function (err) {  // return Promise.reject(err);});// http response 攔截器axios.interceptors.response.use(  response => {    return response; //請(qǐng)求成功的時(shí)候返回的data  },  error => {    try {      if (error.response) {        switch (error.response.status) {          case 401://token過期,清除token并跳轉(zhuǎn)到登錄頁(yè)面            localStorage.clear();            var baurl = window.location.href;             router.replace({                path: 'login',                query: { backUrl: baurl }              });                       return;        }      }      return Promise.reject(error.response.data)    }    catch (e) {    }  });

  寫在后面。因?yàn)槲业膖oken放在了緩存中,所以在每次請(qǐng)求前,我會(huì)先在前端取出token,并驗(yàn)證其時(shí)效性,如果過期或不存在會(huì)先跳轉(zhuǎn)到登陸頁(yè),而不會(huì)走攔截器去請(qǐng)求請(qǐng)求。具體也參考mounted()方法。

總結(jié)

以上所述是小編給大家介紹的vue攔截器實(shí)現(xiàn)統(tǒng)一token,并兼容IE9驗(yàn)證,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持!

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 莱阳市| 凭祥市| 棋牌| 肥东县| 枣强县| 津南区| 秭归县| 文成县| 泰兴市| 荔波县| 博乐市| 永川市| 郸城县| 聂拉木县| 巍山| 义乌市| 黑龙江省| 怀来县| 仁怀市| 洛宁县| 依兰县| 英超| 孟村| 盐源县| 阳原县| 卢龙县| 河南省| 奉贤区| 从江县| 元江| 宁津县| 东乌珠穆沁旗| 镇原县| 东乌| 延庆县| 怀宁县| 莱西市| 隆回县| 晴隆县| 河源市| 枞阳县|