| | |
| | | import axios from 'axios' |
| | | import { Message, MessageBox } from 'element-ui' |
| | | import store from '../store' |
| | | import { getToken } from '@/utils/auth' |
| | | |
| | | // 创建axios实例 |
| | | const service = axios.create({ |
| | | baseURL: process.env.BASE_API, // api的base_url |
| | | timeout: 15000 // 请求超时时间 |
| | | import axios from 'axios'; |
| | | import router from '@/router' |
| | | // 引入elementUI |
| | | import tip from 'element-ui'; |
| | | const api = axios.create({ |
| | | baseURL: '/', // 请求的公共地址部分 |
| | | timeout: 15000 |
| | | }) |
| | | |
| | | // request拦截器 |
| | | service.interceptors.request.use(config => { |
| | | if (store.getters.token) { |
| | | config.headers['Authorization'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改 |
| | | // 拦截器 |
| | | // 请求 |
| | | api.interceptors.request.use((config) => { |
| | | const token = sessionStorage.getItem('token'); |
| | | const tokenHead = sessionStorage.getItem('tokenHead'); |
| | | if (token && tokenHead) { |
| | | config.headers.Authorization = tokenHead + token; |
| | | } |
| | | return config |
| | | }, error => { |
| | | // Do something with request error |
| | | console.log(error) // for debug |
| | | Promise.reject(error) |
| | | }) |
| | | |
| | | // respone拦截器 |
| | | service.interceptors.response.use( |
| | | response => { |
| | | /** |
| | | * code为非200是抛错 可结合自己业务进行修改 |
| | | */ |
| | | const res = response.data |
| | | if (res.code !== 200) { |
| | | Message({ |
| | | message: res.message, |
| | | type: 'error', |
| | | duration: 3 * 1000 |
| | | return config; |
| | | }, (err) => { |
| | | } |
| | | ) |
| | | // 响应 |
| | | api.interceptors.response.use( |
| | | (response) => { |
| | | let result = response.data; |
| | | if (response.headers['content-disposition']) { |
| | | result = { |
| | | contentDisposition: response.headers['content-disposition'], |
| | | data: response.data |
| | | } |
| | | } |
| | | if (response.status === 200 && result.code === 200) { |
| | | return result; |
| | | } else if (response.status === 200 && result.code === 500) { |
| | | return result; |
| | | } else if (response.status === 200 && result.code === 401) { |
| | | tip.Message({ |
| | | type: 'warning', |
| | | message: '登录身份已过期', |
| | | }) |
| | | |
| | | // 401:未登录; |
| | | if (res.code === 401) { |
| | | MessageBox.confirm('你已被登出,可以取消继续留在该页面,或者重新登录', '确定登出', { |
| | | confirmButtonText: '重新登录', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }).then(() => { |
| | | store.dispatch('FedLogOut').then(() => { |
| | | location.reload()// 为了重新实例化vue-router对象 避免bug |
| | | }) |
| | | }) |
| | | } |
| | | return Promise.reject('error') |
| | | router.push('/login'); |
| | | } else { |
| | | return response.data |
| | | return result; |
| | | } |
| | | }, |
| | | error => { |
| | | console.log('err' + error)// for debug |
| | | Message({ |
| | | message: error.message, |
| | | (error) => { |
| | | let msg ='' |
| | | if (error.code === 'ERR_NETWORK') { |
| | | msg = '网络请求超时' |
| | | }else{ |
| | | msg = '网络错误' |
| | | } |
| | | tip.Message({ |
| | | type: 'error', |
| | | duration: 3 * 1000 |
| | | message: msg |
| | | }) |
| | | return Promise.reject(error) |
| | | } |
| | | }, |
| | | ) |
| | | |
| | | export default service |
| | | export default api; |