1. 程式人生 > >VUE 封裝 api類

VUE 封裝 api類

import qs from 'qs'
import axios from 'axios'
axios.defaults.timeout = 600000
axios.defaults.withCredentials = true
// 新增請求攔截器
// http request 攔截器,通過這個,我們就可以把Cookie傳到後臺
let user = JSON.parse(sessionStorage.getItem('..'))
axios.interceptors.request.use(function (config) {
// console.log('axios.interceptors.request.use(function (config)')
// 在傳送請求之前做些什麼
if (user.access_token) {
config.headers = {
'Authorization': 'ii' + user.access_token
}
}
return config
}, function (error) {
// 對請求錯誤做些什麼
return Promise.reject(error)
})

// 新增響應攔截器
axios.interceptors.response.use(function (response) {
// console.log(response)
// 對響應資料做點什麼
return response
}, function (error) {
if (error.response) {
switch (error.response.status) {
case 401:
alert('狀態401,需要ck授權處理')
break
case 402:
alert('狀態402,需要ck授權處理')
break
case 403:
alert('狀態403,沒有許可權找ck')
break
case 404:
alert('狀態404,找不到路徑找ck')
break
case 400:
alert('狀態400,引數錯誤找ck')
break
case 500:
alert('狀態500,後臺錯誤找ck')
break
default:
alert('未知錯誤,找ck')
}
}
// 對響應錯誤做點什麼
return Promise.reject(error)
})
let base = 'http://192.168.0.54.....'

// 店鋪列表
export const findAllmshop = params => { return axios.post(`${base}/admin/mshop.....`, params).then(res => res.data) }