request.js 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. import axios from 'axios'
  2. import { Notification, MessageBox, Message, Loading } from 'element-ui'
  3. import store from '@/store'
  4. import { getToken } from '@/utils/auth'
  5. import errorCode from '@/utils/errorCode'
  6. import { tansParams, blobValidate } from "@/utils/ruoyi";
  7. import cache from '@/plugins/cache'
  8. import { saveAs } from 'file-saver'
  9. let downloadLoadingInstance;
  10. // 是否显示重新登录
  11. export let isRelogin = { show: false };
  12. axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
  13. // 创建axios实例
  14. const service = axios.create({
  15. // axios中请求配置有baseURL选项,表示请求URL公共部分
  16. baseURL: process.env.VUE_APP_BASE_API,
  17. // 超时
  18. timeout: 20000
  19. })
  20. // request拦截器
  21. service.interceptors.request.use(config => {
  22. // 是否需要设置 token
  23. const isToken = (config.headers || {}).isToken === false
  24. // 是否需要防止数据重复提交
  25. const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
  26. const token = config.token
  27. if(token) {
  28. config.headers['Authorization'] = 'Bearer ' + token
  29. }else {
  30. if (getToken() && !isToken) {
  31. config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
  32. }
  33. }
  34. // get请求映射params参数
  35. if (config.method === 'get' && config.params) {
  36. let url = config.url + '?' + tansParams(config.params);
  37. url = url.slice(0, -1);
  38. config.params = {};
  39. config.url = url;
  40. }
  41. if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
  42. const requestObj = {
  43. url: config.url,
  44. data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
  45. time: new Date().getTime()
  46. }
  47. const sessionObj = cache.session.getJSON('sessionObj')
  48. if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
  49. cache.session.setJSON('sessionObj', requestObj)
  50. } else {
  51. const s_url = sessionObj.url; // 请求地址
  52. const s_data = sessionObj.data; // 请求数据
  53. const s_time = sessionObj.time; // 请求时间
  54. const interval = 1000; // 间隔时间(ms),小于此时间视为重复提交
  55. if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
  56. const message = '数据正在处理,请勿重复提交';
  57. console.warn(`[${s_url}]: ` + message)
  58. return Promise.reject(new Error(message))
  59. } else {
  60. cache.session.setJSON('sessionObj', requestObj)
  61. }
  62. }
  63. }
  64. return config
  65. }, error => {
  66. console.log(error)
  67. Promise.reject(error)
  68. })
  69. // 响应拦截器
  70. service.interceptors.response.use(res => {
  71. // 未设置状态码则默认成功状态
  72. const code = res.data.code || 200;
  73. const token = res.data.token || ''
  74. // 获取错误信息
  75. const msg = errorCode[code] || res.data.msg || errorCode['default']
  76. // 二进制数据则直接返回
  77. if(res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer'){
  78. return res.data
  79. }
  80. if (code === 401) {
  81. if (!isRelogin.show) {
  82. isRelogin.show = true;
  83. MessageBox.confirm('登录状态已过期,您可以继续留在该页面,或者重新登录', '系统提示', {
  84. confirmButtonText: '重新登录',
  85. cancelButtonText: '取消',
  86. type: 'warning'
  87. }
  88. ).then(() => {
  89. isRelogin.show = false;
  90. store.dispatch('LogOut').then(() => {
  91. location.href = '/index';
  92. })
  93. }).catch(() => {
  94. isRelogin.show = false;
  95. });
  96. }
  97. return Promise.reject('无效的会话,或者会话已过期,请重新登录。')
  98. } else if (code === 500 || code === 400) {
  99. console.log("code为400")
  100. Message({
  101. message: msg,
  102. type: 'error'
  103. })
  104. return res.data
  105. } else if(code == -2) {
  106. return Promise.reject('-2')
  107. } else if(code == -1) {
  108. let params = {
  109. code: code,
  110. token: token
  111. }
  112. return Promise.reject(params)
  113. }else if (code !== 200) {
  114. Notification.error({
  115. title: msg
  116. })
  117. return Promise.reject('error')
  118. } else {
  119. return res.data
  120. }
  121. },
  122. error => {
  123. console.log('err' + error)
  124. let { message } = error;
  125. if (message == "Network Error") {
  126. message = "后端接口连接异常";
  127. }
  128. else if (message.includes("timeout")) {
  129. message = "系统接口请求超时";
  130. }
  131. else if (message.includes("Request failed with status code")) {
  132. message = "系统接口" + message.substr(message.length - 3) + "异常";
  133. }
  134. Message({
  135. message: message,
  136. type: 'error',
  137. duration: 5 * 1000
  138. })
  139. return Promise.reject(error)
  140. }
  141. )
  142. // 通用下载方法
  143. export function download(url, params, filename) {
  144. downloadLoadingInstance = Loading.service({ text: "正在下载数据,请稍候", spinner: "el-icon-loading", background: "rgba(0, 0, 0, 0.7)", })
  145. return service.post(url, params, {
  146. transformRequest: [(params) => { return tansParams(params) }],
  147. headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
  148. responseType: 'blob'
  149. }).then(async (data) => {
  150. const isLogin = await blobValidate(data);
  151. if (isLogin) {
  152. const blob = new Blob([data])
  153. saveAs(blob, filename)
  154. } else {
  155. const resText = await data.text();
  156. const rspObj = JSON.parse(resText);
  157. const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']
  158. Message.error(errMsg);
  159. }
  160. downloadLoadingInstance.close();
  161. }).catch((r) => {
  162. Message.error('下载文件出现错误,请联系管理员!')
  163. downloadLoadingInstance.close();
  164. })
  165. }
  166. export default service