123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114 |
- import axios from 'axios'
- // import { MessageBox, Message } from 'element-ui'
- import { Message } from 'element-ui'
- import { getToken } from '@/utils/auth'
- // create an axios instance
- const service = axios.create({
- baseURL: window.STATIC_CONFIG.proxyUrl, // url = base url + request url
- // withCredentials: true, // send cookies when cross-domain requests
- timeout: 15000 // request timeout
- })
- // 请求前拦截
- service.interceptors.request.use(
- config => {
- // do something before request is sent
- // 判断 store 中是否存在 token
- // if (store.getters.token) {
- // let each request carry token
- // ['X-Token'] is a custom headers key
- // please modify it according to the actual situation
- config.headers['Authorization'] = 'Bearer ' + getToken()
- // }
- return config
- },
- error => {
- // do something with request error
- console.log('请求前拦截error=', error) // for debug
- return Promise.reject(error)
- }
- )
- // 响应拦截
- service.interceptors.response.use(
- /**
- * If you want to get http information such as headers or status
- * Please return response => response
- */
- /**
- * Determine the request status by custom code
- * Here is just an example
- * You can also judge the status by HTTP Status Code
- */
- response => {
- let res = response.data
- // console.log('request response=', response)
- // 目前前端和后端的判断方式不同,先把状态码直接设置为20000
- if (response.status === 200 || response.status === 204) {
- if (res === null) {
- res = {
- code: 20000
- }
- }
- // res.code = 20000
- const resType = typeof res
- // console.log(`res typeof = `, typeof res)
- // 如果返回的 res 不是对象时,添加 code: 20000
- if (resType === 'object') {
- res.code = 20000
- } else {
- res = {
- 'data': response.data
- }
- }
- // console.log(`request res = `, res)
- } else {
- console.log(`request status不是200 response = `, response)
- }
- // 不再判断 res.code !== 20000 的报错
- return res
- // if the custom code is not 20000, it is judged as an error.
- /* if (res.code !== 20000) {
- Message({
- message: '后端报错:' + res.code + '-' + res.message || 'Error',
- type: 'error',
- duration: 3 * 1000
- })
- // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
- if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
- // to re-login
- MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', {
- confirmButtonText: 'Re-Login',
- cancelButtonText: 'Cancel',
- type: 'warning'
- }).then(() => {
- store.dispatch('user/resetToken').then(() => {
- location.reload()
- })
- })
- }
- return Promise.reject(new Error(res.message || 'Error'))
- } else {
- return res
- } */
- },
- error => {
- console.log(error) // for debug
- console.log('request.js err.response=', error.response) // for debug
- // error.response.data.message = error.response.data.message || '未知错误'
- Message({
- message: error.toString().indexOf('Network') > -1 ? '网络请求失败' : '' + error.response.data.message,
- type: 'error',
- duration: 3 * 1000,
- offset: window.screen.height / 3
- })
- return Promise.reject(error)
- }
- )
- export default service
|