6 changed files with 181 additions and 87 deletions
@ -1,79 +1,98 @@ |
|||||
import axios from 'axios' |
import axios from 'axios' |
||||
import { Message, MessageBox } from 'element-ui' |
import { |
||||
|
Message, |
||||
|
MessageBox |
||||
|
} from 'element-ui' |
||||
import store from '../store' |
import store from '../store' |
||||
import { getToken,get } from '@/utils/auth' |
import { |
||||
|
getToken, |
||||
|
get |
||||
|
} from '@/utils/auth' |
||||
|
|
||||
// 创建axios实例
|
// 创建axios实例
|
||||
const service = axios.create({ |
const service = axios.create({ |
||||
baseURL: process.env.BASE_API, // api的base_url
|
baseURL: process.env.BASE_API, // api的base_url
|
||||
timeout: 35000 // 请求超时时间
|
timeout: 35000 // 请求超时时间
|
||||
}) |
}) |
||||
|
|
||||
// request拦截器
|
// request拦截器
|
||||
service.interceptors.request.use(config => { |
service.interceptors.request.use(config => { |
||||
if (store.getters.token) { |
if (store.getters.token) { |
||||
let test = config.data; |
let test = config.data; |
||||
if(test){ |
if (test) { |
||||
config.data['access_token']= getToken() |
config.data['access_token'] = getToken() |
||||
} |
} |
||||
|
|
||||
if (get('storeId') && 'undefined'!=get('storeId')){ |
if (get('storeId') && 'undefined' != get('storeId')) { |
||||
config.headers['storeid'] = get('storeId') |
config.headers['storeid'] = get('storeId') |
||||
} |
} |
||||
|
|
||||
config.headers['Authorization'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
|
config.headers['Authorization'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
|
||||
}else{ |
} else { |
||||
config.headers['client_id'] = 'app'; |
config.headers['client_id'] = 'app'; |
||||
config.headers['client_secret'] = 'app'; |
config.headers['client_secret'] = 'app'; |
||||
} |
} |
||||
return config |
return config |
||||
}, error => { |
}, error => { |
||||
// Do something with request error
|
// Do something with request error
|
||||
console.log(error) // for debug
|
console.log(error) // for debug
|
||||
Promise.reject(error) |
Promise.reject(error) |
||||
}) |
}) |
||||
|
|
||||
// respone拦截器
|
// respone拦截器
|
||||
service.interceptors.response.use( |
service.interceptors.response.use( |
||||
response => { |
response => { |
||||
/** |
/** |
||||
* code为非200是抛错 可结合自己业务进行修改 |
* code为非200是抛错 可结合自己业务进行修改 |
||||
*/ |
*/ |
||||
const res = response.data |
const res = response.data |
||||
if (res.code !== 200 && !res.access_token) { |
const statusCode = response.status |
||||
console.log(res); |
|
||||
Message({ |
|
||||
message: res.msg, |
|
||||
type: 'error', |
|
||||
duration: 3 * 1000 |
|
||||
}) |
|
||||
|
|
||||
// 401:未登录;
|
console.log("response>>>>", response); |
||||
if (res.code === 401||res.code === 403) { |
|
||||
MessageBox.confirm('你已被登出,可以取消继续留在该页面,或者重新登录', '确定登出', { |
if (statusCode !== 200) { |
||||
confirmButtonText: '重新登录', |
Message({ |
||||
cancelButtonText: '取消', |
message: res.msg || response.message || 'Error', |
||||
type: 'warning' |
type: 'error', |
||||
}).then(() => { |
showClose: true, |
||||
store.dispatch('FedLogOut').then(() => { |
duration: 5 * 1000 |
||||
location.reload()// 为了重新实例化vue-router对象 避免bug
|
}) |
||||
}) |
|
||||
}) |
|
||||
} |
// 401:未登录;
|
||||
return Promise.reject('error') |
if (statusCode === 401 || statusCode === 403) { |
||||
} else { |
MessageBox.confirm('你已被登出,可以取消继续留在该页面,或者重新登录', '确定登出', { |
||||
return response.data |
confirmButtonText: '重新登录', |
||||
} |
cancelButtonText: '取消', |
||||
}, |
type: 'warning' |
||||
error => { |
}).then(() => { |
||||
console.log(error); |
store.dispatch('FedLogOut').then(() => { |
||||
Message({ |
location.reload() // 为了重新实例化vue-router对象 避免bug
|
||||
message: error.message, |
}) |
||||
type: 'error', |
}) |
||||
duration: 3 * 1000 |
} |
||||
}) |
return Promise.reject('error') |
||||
return Promise.reject(error) |
} else { |
||||
} |
if (!res.success && res.success !== null && res.success !== undefined) { |
||||
|
Message({ |
||||
|
message: res.msg || 'Error', |
||||
|
type: 'error', |
||||
|
showClose: true, |
||||
|
duration: 5 * 1000 |
||||
|
}) |
||||
|
} |
||||
|
return res |
||||
|
} |
||||
|
}, |
||||
|
error => { |
||||
|
console.log(error); |
||||
|
Message({ |
||||
|
message: error.message, |
||||
|
type: 'error', |
||||
|
duration: 3 * 1000 |
||||
|
}) |
||||
|
return Promise.reject(error) |
||||
|
} |
||||
) |
) |
||||
|
|
||||
export default service |
export default service |
Loading…
Reference in new issue