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)
})
})
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM