request.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. import axios from 'axios'
  2. import { Notification, MessageBox, Message } from 'element-ui'
  3. import store from '@/store'
  4. import { getToken } from '@/utils/auth'
  5. import errorCode from '@/utils/errorCode'
  6. import { tansParams } from "@/utils/ruoyi";
  7. axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
  8. // 创建axios实例
  9. const service = axios.create({
  10. // axios中请求配置有baseURL选项,表示请求URL公共部分
  11. baseURL: process.env.VUE_APP_BASE_API,
  12. // 超时
  13. timeout: 300000
  14. })
  15. // request拦截器
  16. service.interceptors.request.use(config => {
  17. // 是否需要设置 token
  18. const isToken = (config.headers || {}).isToken === false
  19. if (getToken() && !isToken) {
  20. config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际
  21. }
  22. return config
  23. }, error => {
  24. console.log(error)
  25. Promise.reject(error)
  26. })
  27. // 响应拦截器
  28. service.interceptors.response.use(res => {
  29. // 未设置状态码则默认成功状态
  30. const code = res.data.code || 200;
  31. // 获取错误信息
  32. const msg = errorCode[code] || res.data.msg || errorCode['default']
  33. if (code === 401) {
  34. MessageBox.confirm(
  35. '登录状态已过期,您可以继续留在该页面,或者重新登录',
  36. '系统提示',
  37. {
  38. confirmButtonText: '重新登录',
  39. cancelButtonText: '取消',
  40. type: 'warning'
  41. }
  42. ).then(() => {
  43. store.dispatch('LogOut').then(() => {
  44. location.reload() // 为了重新实例化vue-router对象 避免bug
  45. })
  46. })
  47. } else if (code === 500) {
  48. Message({
  49. message: msg,
  50. type: 'error'
  51. })
  52. return Promise.reject(new Error(msg))
  53. } else if (code !== 200) {
  54. Notification.error({
  55. title: msg
  56. })
  57. return Promise.reject('error')
  58. } else {
  59. return res.data
  60. }
  61. },
  62. error => {
  63. console.log('err' + error)
  64. let { message } = error;
  65. if (message == "Network Error") {
  66. message = "后端接口连接异常";
  67. }
  68. else if (message.includes("timeout")) {
  69. message = "系统接口请求超时";
  70. }
  71. else if (message.includes("Request failed with status code")) {
  72. message = "系统接口" + message.substr(message.length - 3) + "异常";
  73. }
  74. Message({
  75. message: message,
  76. type: 'error',
  77. duration: 5 * 1000
  78. })
  79. return Promise.reject(error)
  80. }
  81. )
  82. // 通用下载方法
  83. export function download(url, params, filename) {
  84. return service.post(url, params, {
  85. transformRequest: [(params) => {
  86. return tansParams(params)
  87. }],
  88. headers: {
  89. 'Content-Type': 'application/x-www-form-urlencoded'
  90. },
  91. responseType: 'blob'
  92. }).then((data) => {
  93. const content = data
  94. const blob = new Blob([content])
  95. if ('download' in document.createElement('a')) {
  96. const elink = document.createElement('a')
  97. elink.download = filename
  98. elink.style.display = 'none'
  99. elink.href = URL.createObjectURL(blob)
  100. document.body.appendChild(elink)
  101. elink.click()
  102. URL.revokeObjectURL(elink.href)
  103. document.body.removeChild(elink)
  104. } else {
  105. navigator.msSaveBlob(blob, filename)
  106. }
  107. }).catch((r) => {
  108. console.error(r)
  109. })
  110. }
  111. export default service