request.js 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. import axios from 'axios'
  2. import { MessageBox, Message } from 'element-ui'
  3. import store from '@/store'
  4. // import { getToken } from '@/utils/auth'
  5. // create an axios instance
  6. // let baseURL
  7. // if (process.env.NODE_ENV === "development") {
  8. // baseURL = '/dev-api'
  9. // }
  10. // else {
  11. // baseURL = ''
  12. // }
  13. const service = axios.create({
  14. //baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  15. baseURL: PLATFROM_CONFIG.baseURLCA,
  16. // withCredentials: true, // send cookies when cross-domain requests
  17. timeout: 15000 // request timeout
  18. })
  19. // request interceptor
  20. service.interceptors.request.use(
  21. config => {
  22. // do something before request is sent
  23. // config.headers['Content-Type'] = 'text/plain'
  24. if (store.getters.token) {
  25. // let each request carry token
  26. // ['X-Token'] is a custom headers key
  27. // please modify it according to the actual situation
  28. // config.headers['X-Token'] = getToken()
  29. }
  30. return config
  31. },
  32. error => {
  33. // do something with request error
  34. console.log(error) // for debug
  35. return Promise.reject(error)
  36. }
  37. )
  38. // response interceptor
  39. service.interceptors.response.use(
  40. /**
  41. * If you want to get http information such as headers or status
  42. * Please return response => response
  43. */
  44. /**
  45. * Determine the request status by custom code
  46. * Here is just an example
  47. * You can also judge the status by HTTP Status Code
  48. */
  49. response => {
  50. const res = response.data
  51. // if the custom code is not 20000, it is judged as an error.
  52. if (res.code !== '0') {
  53. Message({
  54. message: res.message || 'Error',
  55. type: 'error',
  56. duration: 5 * 1000
  57. })
  58. // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
  59. if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
  60. // to re-login
  61. MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', {
  62. confirmButtonText: 'Re-Login',
  63. cancelButtonText: 'Cancel',
  64. type: 'warning'
  65. }).then(() => {
  66. store.dispatch('user/resetToken').then(() => {
  67. location.reload()
  68. })
  69. })
  70. }
  71. return Promise.reject(new Error(res.message || 'Error'))
  72. } else {
  73. return res
  74. }
  75. },
  76. error => {
  77. console.log('err' + error) // for debug
  78. Message({
  79. message: error.message,
  80. type: 'error',
  81. duration: 5 * 1000
  82. })
  83. return Promise.reject(error)
  84. }
  85. )
  86. export default service