108 lines
3.6 KiB
JavaScript
108 lines
3.6 KiB
JavaScript
import axios from 'axios'
|
||
import config from '@/config'
|
||
import store from '../store'
|
||
import globalMethods from './global-methods'
|
||
//这里必须使用axios实例，因为已经有一个没有创建实例而直接使用的axio了，
|
||
// 在request.js，这里如果直接使用axios的话，request.js里面的拦截器也会执行
|
||
//创建一个实例再去使用这个实例请求，request.js里面的axios配置就不会生效
|
||
const instance = axios.create({
|
||
baseURL: config.baseUrl,
|
||
timeout: 60000,
|
||
})
|
||
// request拦截器
|
||
instance.interceptors.request.use((config) => {
|
||
// 如果没有设置Content-Type，默认application/json
|
||
if (!config.headers['Content-Type']) {
|
||
config.headers['Content-Type'] = 'application/json'
|
||
}
|
||
return config
|
||
}, error => {
|
||
return Promise.reject(error)
|
||
})
|
||
|
||
/*
|
||
* 响应拦截器，目前的处理是，无论失败或者成功都会返回{ code: xxx, data: xxx }这种类型的数据，没有reject和抛error。
|
||
* 如果有问题，拦截器里会进行提示，然后返回{ code: Xxx, data:xxx }这种数据。在then里面总是会接收到
|
||
* */
|
||
instance.interceptors.response.use(
|
||
response => {
|
||
// console.log('response',response)
|
||
/*
|
||
* 响应成功的拦截器，主要是对data作处理，如果没有返回data，那么会添加一个data字段，并把response.data的内容合并到data里面，然后返回
|
||
* */
|
||
let {data} = response
|
||
// console.log(response)
|
||
if (data === undefined || data === null || data === '') {
|
||
globalMethods.$notice('请求失败，请稍后重试！')
|
||
return {code: 500, data: []}
|
||
} else if (typeof data === 'string') {
|
||
return {code: 200, data}
|
||
} else {
|
||
if (data.data === undefined || data.data === null) {
|
||
data.data = {...data}
|
||
}
|
||
let resCode = data.code
|
||
if (resCode) {
|
||
try {
|
||
resCode = Number(resCode)
|
||
} catch (e) {
|
||
data.code = resCode = 500
|
||
}
|
||
if (resCode === 0) {
|
||
data.code = resCode = 200
|
||
}
|
||
if (resCode !== 200) {
|
||
globalMethods.$notice(response.data.message || '请求失败，请稍后重试！')
|
||
}
|
||
} else {
|
||
data.code = 200
|
||
}
|
||
return data
|
||
}
|
||
},
|
||
error => {
|
||
// console.log('error', error)
|
||
// console.log(error.response)
|
||
// console.log(error.response.status)
|
||
if (error.response === undefined) {
|
||
globalMethods.$notice('服务器响应超时')
|
||
return {code: 500, msg: '服务器响应超时', data: []}
|
||
}
|
||
if (error.response.status >= 500) {
|
||
globalMethods.$notice('服务器出现错误')
|
||
return {code: 500, msg: '服务器出现错误', data: []}
|
||
}
|
||
if (error.response.status === 404) {
|
||
globalMethods.$notice('接口不存在')
|
||
return {code: 404, msg: '接口不存在', data: []}
|
||
}
|
||
if (error.response.status === 400) {
|
||
globalMethods.$notice('接口报错')
|
||
return {code: 400, msg: '接口报错', data: []}
|
||
}
|
||
if (error.response.status === 401) {
|
||
return {code: 401, msg: '用户名或密码不正确', data: []}
|
||
} else {
|
||
let {data} = error.response
|
||
if (data === null || data === undefined) {
|
||
globalMethods.$notice('请求失败，请稍后重试！')
|
||
return {code: 200, data: []}
|
||
} else {
|
||
let resCode = data.code
|
||
if (data.data === undefined || data.data === null) {
|
||
data.data = {...data}
|
||
}
|
||
if (resCode && typeof resCode == 'number' && resCode !== 200) {
|
||
globalMethods.$notice('请求失败，请稍后重试！')
|
||
} else {
|
||
data.code = 200
|
||
}
|
||
return data
|
||
}
|
||
}
|
||
})
|
||
|
||
export default instance
|
||
|
||
|