亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

vue axios請求攔截實例代碼

2019-11-19 14:05:30
字體:
來源:轉載
供稿:網友

axios 簡介

axios 是一個基于Promise 用于瀏覽器和 nodejs 的 HTTP 客戶端,它本身具有以下特征:

從瀏覽器中創建 XMLHttpRequest
從 node.js 發出 http 請求
支持 Promise API
攔截請求和響應
轉換請求和響應數據
取消請求
自動轉換JSON數據
客戶端支持防止 CSRF/XSRF

下面代碼給大家介紹vue axios 請求攔截,具體代碼如下所示:

import axios from 'axios';//引入axios依賴import { Message } from 'element-ui';import Cookies from 'js-cookie'; //引入cookie操作依賴import router from '@/router/index'//引入路由對象axios.defaults.timeout = 5000;axios.defaults.baseURL ='';//http request 封裝請求頭攔截器axios.interceptors.request.use(  config => {    var token = ''    if(typeof Cookies.get('user') === 'undefined'){      //此時為空    }else {      token = JSON.parse(Cookies.get('user')).token    }//注意使用的時候需要引入cookie方法,推薦js-cookie    config.data = JSON.stringify(config.data);    config.headers = {      'Content-Type':'application/json'    }    if(token != ''){     config.headers.token = token;    }    return config;  },  error => {    return Promise.reject(err);  });//http response 封裝后臺返回攔截器axios.interceptors.response.use(  response => {    //當返回信息為未登錄或者登錄失效的時候重定向為登錄頁面    if(response.data.code == 'W_100004' || response.data.message == '用戶未登錄或登錄超時,請登錄!'){      router.push({        path:"/",        querry:{redirect:router.currentRoute.fullPath}//從哪個頁面跳轉      })    }    return response;  },  error => {    return Promise.reject(error)  })/** * 封裝get方法 * @param url * @param data * @returns {Promise} */export function fetch(url,params={}){  return new Promise((resolve,reject) => {    axios.get(url,{      params:params    })      .then(response => {        resolve(response.data);      })      .catch(err => {        reject(err)      })  })}/** * 封裝post請求 * @param url * @param data * @returns {Promise} */export function post(url,data = {}){  return new Promise((resolve,reject) => {    axios.post(url,data)      .then(response => {        resolve(response.data);      },err => {        reject(err)      })  })}/** * 封裝導出Excal文件請求 * @param url * @param data * @returns {Promise} */export function exportExcel(url,data = {}){  return new Promise((resolve,reject) => {    axios({      method: 'post',      url: url, // 請求地址      data: data, // 參數      responseType: 'blob' // 表明返回服務器返回的數據類型    })    .then(response => {      resolve(response.data);      let blob = new Blob([response.data], {type: "application/vnd.ms-excel"});      let fileName = "訂單列表_"+Date.parse(new Date())+".xls" ;      if (window.navigator.msSaveOrOpenBlob) {        navigator.msSaveBlob(blob, fileName);      } else {        var link = document.createElement('a');        link.href = window.URL.createObjectURL(blob);        link.download = fileName;        link.click();        window.URL.revokeObjectURL(link.href);      }    },err => {      reject(err)    })  })}/** * 封裝patch請求 * @param url * @param data * @returns {Promise} */export function patch(url,data = {}){  return new Promise((resolve,reject) => {    axios.patch(url,data)      .then(response => {        resolve(response.data);      },err => {        reject(err)      })  })}/** * 封裝put請求 * @param url * @param data * @returns {Promise} */export function put(url,data = {}){  return new Promise((resolve,reject) => {    axios.put(url,data)      .then(response => {        resolve(response.data);      },err => {        reject(err)      })  })}

總結

以上所述是小編給大家介紹的vue axios請求攔截,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲影视中文字幕| 欧美精品福利视频| 日韩小视频网址| 欧美日韩在线免费观看| 欧美大全免费观看电视剧大泉洋| 欧美日韩成人网| 亚洲影视九九影院在线观看| 国内偷自视频区视频综合| 欧美尺度大的性做爰视频| 久久久精品2019中文字幕神马| 中文字幕亚洲欧美日韩2019| 欧美视频专区一二在线观看| 国产亚洲精品美女久久久| 久久精品久久精品亚洲人| 日韩免费高清在线观看| 中文字幕免费国产精品| 91性高湖久久久久久久久_久久99| 亚洲精品美女久久久| 热久久视久久精品18亚洲精品| 日韩有码在线电影| 日韩电视剧在线观看免费网站| 国产精品福利无圣光在线一区| 欧美日韩第一页| 日韩在线观看视频免费| 国产精品一区二区三区久久| 尤物yw午夜国产精品视频明星| 亚洲激情在线观看| 中文字幕欧美日韩在线| 欧美精品在线免费观看| 国产精品视频永久免费播放| 91久久中文字幕| 91视频88av| 91午夜在线播放| 国产精品视频永久免费播放| 成人情趣片在线观看免费| 亚洲高清免费观看高清完整版| 一区二区三区国产视频| 日韩最新中文字幕电影免费看| 韩日精品中文字幕| 色偷偷9999www| 成人亚洲欧美一区二区三区| 欧美日韩亚洲精品一区二区三区| 欧美激情免费在线| 欧美精品在线网站| 国产a级全部精品| 国产精品成人av性教育| 国产区亚洲区欧美区| 国产精品高潮粉嫩av| 91深夜福利视频| 日本午夜精品理论片a级appf发布| 91精品视频免费观看| 91大神在线播放精品| 亚洲欧洲午夜一线一品| 精品偷拍各种wc美女嘘嘘| 欧美亚洲另类视频| 午夜精品久久久久久久白皮肤| 欧美在线视频在线播放完整版免费观看| 91色在线视频| 91热精品视频| 亚洲视频在线免费观看| 亚洲男人天堂九九视频| 在线观看国产精品淫| 国产精品视频免费在线| 久久最新资源网| 国产精品久久久久av免费| 在线电影av不卡网址| 97超级碰在线看视频免费在线看| 国产精品激情av在线播放| 欧美中文字幕在线播放| 91久久久久久久久久久| 亚洲变态欧美另类捆绑| 国产丝袜视频一区| 国产中文欧美精品| 色系列之999| 久久久精品国产一区二区| 欧美性猛交xxxx| 欧美洲成人男女午夜视频| 久久中文字幕视频| 国产午夜精品一区二区三区| 精品magnet| 精品久久久久久久大神国产| 久久九九全国免费精品观看| 国产suv精品一区二区三区88区| 最近更新的2019中文字幕| 97久久伊人激情网| 亚洲人成网在线播放| 亚洲欧美在线第一页| 国产福利成人在线| 午夜欧美不卡精品aaaaa| 亚洲色图第三页| 国产精品国产三级国产aⅴ9色| 亚洲福利在线看| 亚洲人成自拍网站| 国产精品夜色7777狼人| 精品久久久久久亚洲精品| 日韩av免费观影| 日韩最新中文字幕电影免费看| 亚洲成人精品久久久| 亚洲字幕在线观看| 国产精品久久激情| 精品在线观看国产| 日韩久久免费电影| 色偷偷偷综合中文字幕;dd| 日本中文字幕成人| 亚洲xxxxx| 欧美性猛交xxxx黑人猛交| 91精品国产91久久久| 欧美激情在线观看视频| 日韩精品在线免费观看视频| 亚洲美女在线看| 久久久亚洲欧洲日产国码aⅴ| 国产精品爽爽爽爽爽爽在线观看| 日本不卡免费高清视频| 一区二区三区国产视频| 91av网站在线播放| 亚洲欧美一区二区精品久久久| 成人免费视频a| 色哟哟网站入口亚洲精品| 97精品免费视频| 国产欧美日韩精品丝袜高跟鞋| 狠狠色狠色综合曰曰| 欧美日韩中文字幕综合视频| 91精品久久久久久久久青青| 精品久久久久久国产| 国产香蕉一区二区三区在线视频| 日韩www在线| 精品久久中文字幕久久av| 亚洲一区二区在线| 久久综合久中文字幕青草| 欧美性色xo影院| 日韩专区在线观看| 日韩综合视频在线观看| 成人欧美一区二区三区在线湿哒哒| 亚洲激情视频在线| 国产精品视频男人的天堂| 宅男66日本亚洲欧美视频| 日韩久久午夜影院| 久久久久久久香蕉网| 国产成人在线一区| 精品亚洲一区二区三区四区五区| 欧美性色xo影院| 91精品国产网站| 2019中文字幕全在线观看| 欧美激情一级欧美精品| 日韩高清免费在线| 国产日韩视频在线观看| 久久久久久一区二区三区| 久久久精品国产亚洲| 激情亚洲一区二区三区四区| 日韩精品中文字幕视频在线| 曰本色欧美视频在线| 欧美日韩中文字幕日韩欧美| 2020欧美日韩在线视频| 北条麻妃久久精品| 亚洲欧美日韩综合| 色综合天天综合网国产成人网| 成人网址在线观看| 欧美在线亚洲一区| 日韩美女在线观看一区| 欧美一级成年大片在线观看| 中国china体内裑精亚洲片| 国产精品久久久久免费a∨大胸| 91在线观看免费高清完整版在线观看| 中文字幕日韩专区|