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

最新文章專題視頻專題問(wèn)答1問(wèn)答10問(wèn)答100問(wèn)答1000問(wèn)答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題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關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問(wèn)答文章1 問(wèn)答文章501 問(wèn)答文章1001 問(wèn)答文章1501 問(wèn)答文章2001 問(wèn)答文章2501 問(wèn)答文章3001 問(wèn)答文章3501 問(wèn)答文章4001 問(wèn)答文章4501 問(wèn)答文章5001 問(wèn)答文章5501 問(wèn)答文章6001 問(wèn)答文章6501 問(wèn)答文章7001 問(wèn)答文章7501 問(wèn)答文章8001 問(wèn)答文章8501 問(wèn)答文章9001 問(wèn)答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

vue axios請(qǐng)求攔截實(shí)例代碼

來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 22:17:16
文檔

vue axios請(qǐng)求攔截實(shí)例代碼

vue axios請(qǐng)求攔截實(shí)例代碼:axios 簡(jiǎn)介 axios 是一個(gè)基于Promise 用于瀏覽器和 nodejs 的 HTTP 客戶端,它本身具有以下特征: 從瀏覽器中創(chuàng)建 XMLHttpRequest 從 node.js 發(fā)出 http 請(qǐng)求 支持 Promise API 攔截請(qǐng)求和響應(yīng) 轉(zhuǎn)換請(qǐng)求和響應(yīng)數(shù)據(jù) 取消請(qǐng)求 自動(dòng)轉(zhuǎn)換JSON數(shù)據(jù) 客戶
推薦度:
導(dǎo)讀vue axios請(qǐng)求攔截實(shí)例代碼:axios 簡(jiǎn)介 axios 是一個(gè)基于Promise 用于瀏覽器和 nodejs 的 HTTP 客戶端,它本身具有以下特征: 從瀏覽器中創(chuàng)建 XMLHttpRequest 從 node.js 發(fā)出 http 請(qǐng)求 支持 Promise API 攔截請(qǐng)求和響應(yīng) 轉(zhuǎn)換請(qǐng)求和響應(yīng)數(shù)據(jù) 取消請(qǐng)求 自動(dòng)轉(zhuǎn)換JSON數(shù)據(jù) 客戶

axios 簡(jiǎn)介

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

從瀏覽器中創(chuàng)建 XMLHttpRequest
從 node.js 發(fā)出 http 請(qǐng)求
支持 Promise API
攔截請(qǐng)求和響應(yīng)
轉(zhuǎn)換請(qǐng)求和響應(yīng)數(shù)據(jù)
取消請(qǐng)求
自動(dòng)轉(zhuǎn)換JSON數(shù)據(jù)
客戶端支持防止 CSRF/XSRF

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

import axios from 'axios';//引入axios依賴
import { Message } from 'element-ui';
import Cookies from 'js-cookie'; //引入cookie操作依賴
import router from '@/router/index'//引入路由對(duì)象
axios.defaults.timeout = 5000;
axios.defaults.baseURL ='';
//http request 封裝請(qǐng)求頭
axios.interceptors.request.use(
 config => {
 var token = ''
 if(typeof Cookies.get('user') === 'undefined'){
 //此時(shí)為空
 }else {
 token = JSON.parse(Cookies.get('user')).token
 }//注意使用的時(shí)候需要引入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 封裝后臺(tái)返回
axios.interceptors.response.use(
 response => {
 //當(dāng)返回信息為未登錄或者登錄失效的時(shí)候重定向?yàn)榈卿涰?yè)面
 if(response.data.code == 'W_100004' || response.data.message == '用戶未登錄或登錄超時(shí),請(qǐng)登錄!'){
 router.push({
 path:"/",
 querry:{redirect:router.currentRoute.fullPath}//從哪個(gè)頁(yè)面跳轉(zhuǎn)
 })
 }
 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請(qǐng)求
 * @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)
 })
 })
}
/**
 * 封裝導(dǎo)出Excal文件請(qǐng)求
 * @param url
 * @param data
 * @returns {Promise}
 */
export function exportExcel(url,data = {}){
 return new Promise((resolve,reject) => {
 axios({
 method: 'post',
 url: url, // 請(qǐng)求地址
 data: data, // 參數(shù)
 responseType: 'blob' // 表明返回服務(wù)器返回的數(shù)據(jù)類型
 })
 .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請(qǐng)求
 * @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請(qǐng)求
 * @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)
 })
 })
}

總結(jié)

以上所述是小編給大家介紹的vue axios請(qǐng)求攔截,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

vue axios請(qǐng)求攔截實(shí)例代碼

vue axios請(qǐng)求攔截實(shí)例代碼:axios 簡(jiǎn)介 axios 是一個(gè)基于Promise 用于瀏覽器和 nodejs 的 HTTP 客戶端,它本身具有以下特征: 從瀏覽器中創(chuàng)建 XMLHttpRequest 從 node.js 發(fā)出 http 請(qǐng)求 支持 Promise API 攔截請(qǐng)求和響應(yīng) 轉(zhuǎn)換請(qǐng)求和響應(yīng)數(shù)據(jù) 取消請(qǐng)求 自動(dòng)轉(zhuǎn)換JSON數(shù)據(jù) 客戶
推薦度:
標(biāo)簽: VUE 攔截 請(qǐng)求
  • 熱門(mén)焦點(diǎn)

最新推薦

猜你喜歡

熱門(mén)推薦

專題
Top 主站蜘蛛池模板: 欧美成a人片在线观看 | 欧美区一区 | 国产成人精品亚洲一区 | 国产日产高清欧美一区二区三区 | 国产伦精品一区二区三区网站 | 国产乱了真实在线观看 | 一级一级一级毛片免费毛片 | 精品久久久久国产 | 欧美色亚洲图 | 91久久九九精品国产综合 | 久久久久免费精品国产小说 | 精品日韩一区二区三区视频 | 日韩欧美亚洲国产高清在线 | 欧美在线视频一区二区 | 国产高清美女一级a毛片久久 | 欧美激情在线播放一区二区三区 | 久久精品日日躁夜夜躁欧美 | 国产l精品国产亚洲区在线观看 | 欧美日韩视频一区三区二区 | 国产精品hd免费观看 | 亚洲国内精品 | 国产自在自线午夜精品视频 | 亚洲精品免费在线 | 日韩综合第一页 | 国产成人99久久亚洲综合精品 | 欧美日韩亚洲v在线观看 | 欧美日韩另类国产 | 国产一区二区精品久久 | 最近中文字幕电影在线看 | 岛国一区| 日韩高清在线高清免费 | 伊人情人综合成人久久网小说 | 免费观看a黄一级视频 | 国产精品免费观看网站 | 伊人久久亚洲综合天堂 | 国产观看在线 | 国产手机视频在线观看 | 欧美区一区 | 91精品观看91久久久久久 | 国产精品va在线观看无 | 欧美高清在线视频一区二区 |