request.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. import axios from 'axios'
  2. import router from '../router'
  3. import store from '../store'
  4. import Cookies from 'js-cookie'
  5. import { Message } from 'element-ui'
  6. import { removeToken } from './auth';
  7. axios.defaults.withCredentials = true
  8. axios.defaults.dataType = 'json'
  9. axios.defaults.headers['cache-control'] = 'no-cache'
  10. axios.defaults.headers['Content-Type'] = 'application/json'
  11. axios.defaults.headers['X-Requested-With'] = 'XMLHttpRequest'
  12. // create an axios instance
  13. const service = axios.create({
  14. baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  15. // withCredentials: true, // send cookies when cross-domain requests
  16. timeout: 60000 // request timeout
  17. })
  18. // request interceptor
  19. service.interceptors.request.use(
  20. config => {
  21. // do something before request is sent
  22. // let each request carry token
  23. // ['X-Token'] is a custom headers key
  24. // please modify it according to the actual situation
  25. config.headers['Content-Type'] = 'application/json'
  26. return config
  27. },
  28. error => {
  29. // do something with request error
  30. console.log(error) // for debug
  31. return Promise.reject(error)
  32. }
  33. )
  34. // response interceptor
  35. service.interceptors.response.use(
  36. /**
  37. * If you want to get http information such as headers or status
  38. * Please return response => response
  39. */
  40. /**
  41. * Determine the request status by custom code
  42. * Here is just an example
  43. * You can also judge the status by HTTP Status Code
  44. */
  45. response => {
  46. const res = response.data
  47. console.log(res)
  48. let msg = null
  49. // if the custom code is not 20000, it is judged as an error.
  50. if (res.status == 0 || res.status == -2) {
  51. // 执行错误 JSON 数据格式错误
  52. msg = Message({
  53. message: res.msg || res.error || 'Error',
  54. type: 'error',
  55. showClose: true,
  56. duration: 0
  57. })
  58. return Promise.reject(new Error(res.message || res.error || 'Error'))
  59. } else if (res.status === -1) {
  60. // 登录失效
  61. Cookies.remove('session_id')
  62. Cookies.remove('user_code')
  63. Cookies.remove('user_real_name')
  64. Cookies.remove('user_type')
  65. removeToken();
  66. msg = Message({
  67. message: '登录会话失效,请重新登录',
  68. type: 'error',
  69. showClose: true,
  70. duration: 0
  71. })
  72. if (process.env.NODE_ENV === 'development') {
  73. router.push(`/login`)
  74. } else {
  75. window.location.href = '/';
  76. }
  77. return false
  78. } else {
  79. Message.closeAll()
  80. return res
  81. }
  82. },
  83. error => {
  84. // || (error+1).indexOf('500') > -1
  85. if ((error + 1).indexOf('401') > -1) {
  86. // console.log(router)
  87. // store.dispatch('user/postError')
  88. // router.push(`/login`)
  89. }
  90. Message({
  91. message: '网络错误,请稍后重试',
  92. type: 'error',
  93. duration: 2 * 1000
  94. })
  95. return Promise.reject(error)
  96. }
  97. )
  98. export default service