request.js 3.2 KB

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