request.js 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. import axios from 'axios'
  2. import { MessageBox, Message } from 'element-ui'
  3. import store from '@/store'
  4. import { getToken } from '@/utils/auth'
  5. //获取当前url
  6. const DoMainString = document.querySelector("html").getAttribute("domain");
  7. var URL = process.env.VUE_APP_BASE_API
  8. if (DoMainString) {
  9. URL = DoMainString
  10. }
  11. console.log(URL,'===========URL')
  12. if(URL.indexOf('/')==0 && URL.length==1){
  13. URL= window.location.protocol + "//"+window.location.host+aa
  14. }
  15. const service = axios.create({
  16. baseURL: URL, // url = base url + request url
  17. withCredentials: true, // send cookies when cross-domain requests
  18. timeout: 60000 ,// request timeout
  19. })
  20. // request interceptor
  21. service.interceptors.request.use(
  22. config => {
  23. // do something before request is sent
  24. // config.headers['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8' //此处是增加的代码,设置请求头的类型
  25. if (process.env.VUE_APP_BASE_API !== '/dev-api') {
  26. config.headers['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'
  27. config.withCredentials = false
  28. }
  29. if (store.getters.token) {
  30. // let each request carry token
  31. // ['Authorization'] is a custom headers key
  32. // please modify it according to the actual situation
  33. if (process.env.VUE_APP_BASE_API === '/dev-api') {
  34. config.headers['X-Token'] = getToken()
  35. } else {
  36. config.headers['token'] = getToken()
  37. }
  38. }
  39. return config
  40. },
  41. error => {
  42. // do something with request error
  43. console.log(error) // for debug
  44. return Promise.reject(error)
  45. }
  46. )
  47. // response interceptor
  48. service.interceptors.response.use(
  49. /**
  50. * If you want to get http information such as headers or status
  51. * Please return response => response
  52. */
  53. /**
  54. * Determine the request status by custom code
  55. * Here is just an example
  56. * You can also judge the status by HTTP Status Code
  57. */
  58. response => {
  59. const res = response.data
  60. // if the custom code is not 20000, it is judged as an error.
  61. if (res.code !== 200) {
  62. Message({
  63. // message: res.msg + res.code,
  64. message: '请求超时',
  65. type: 'error',
  66. duration: 5 * 1000
  67. })
  68. // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
  69. if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
  70. // to re-login
  71. MessageBox.confirm('你已经注销登陆,你可以取消或重新登陆', '确认注销', {
  72. confirmButtonText: '重新登陆',
  73. cancelButtonText: '取消',
  74. type: 'warning'
  75. }).then(() => {
  76. store.dispatch('user/resetToken').then(() => {
  77. location.reload()
  78. })
  79. })
  80. }
  81. if (res.code === 20002) {
  82. store.dispatch('user/resetToken').then(() => {
  83. location.reload()
  84. })
  85. }
  86. if (res.code === undefined) {
  87. return res
  88. } else {
  89. return Promise.reject(new Error(res.message || 'Error'))
  90. }
  91. } else {
  92. return res
  93. }
  94. },
  95. error => {
  96. console.log('err' + error) // for debug
  97. let config = error.config
  98. if (!config) {
  99. Message({ message: error.message, type: 'error', duration: 5 * 1000 })
  100. return Promise.reject(error)
  101. }
  102. console.log('config==>', config) // for debug
  103. console.log('config.__retryCount==>', config.__retryCount) // for debug
  104. // 设置请求超时次数
  105. config.__retryCount = config.__retryCount || 0
  106. if (config.__retryCount >= 3) {
  107. // Message({ message:error.message, type: 'error', duration: 5 * 1000 })
  108. Message({ message:'请求超时', type: 'error', duration: 5 * 1000 })
  109. // Message.error((error && error.data && error.data.msg) || '请求超时')
  110. return Promise.reject(error)
  111. }
  112. config.__retryCount += 1
  113. let backoff = new Promise((resolve) => {
  114. setTimeout(() => {
  115. resolve()
  116. }, config.retryDelay || 1000)
  117. })
  118. return backoff.then(() => {
  119. return service(config)
  120. })
  121. // Message({
  122. // message: error.message,
  123. // type: 'error',
  124. // duration: 5 * 1000
  125. // })
  126. // return Promise.reject(error)
  127. }
  128. )
  129. export default service