axios.js 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. import axios from 'axios'
  2. import router from '../router'
  3. import errorCode from '@/utils/errorCode'
  4. import { tansParams, blobValidate } from '@/utils/ruoyi'
  5. import cache from '@/utils/cache'
  6. import { showLoadingToast, closeToast,showNotify,showFailToast } from 'vant';
  7. import { getToken } from '@/utils/auth'
  8. // 是否显示重新登录
  9. export let isRelogin = { show: false };
  10. import 'vant/lib/index.css'
  11. axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
  12. // 创建axios实例
  13. const service = axios.create({
  14. // axios中请求配置有baseURL选项,表示请求URL公共部分
  15. //baseURL: 'test-api',
  16. baseURL: 'prod-api',
  17. // 超时
  18. timeout: 10000
  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. if ( getToken() || !isToken) {
  27. config.headers['Authorization'] = 'Bearer ' + getToken()// 让每个请求携带自定义token 请根据实际情况自行修改
  28. }
  29. if (config.url === 'https://winfaster.obs.cn-south-1.myhuaweicloud.com') {
  30. config.headers['Content-Type'] = 'multipart/form-data'
  31. }
  32. // get请求映射params参数
  33. if (config.method === 'get' && config.params) {
  34. let url = config.url + '?' + tansParams(config.params);
  35. url = url.slice(0, -1);
  36. config.params = {};
  37. config.url = url;
  38. }
  39. if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
  40. const requestObj = {
  41. url: config.url,
  42. data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
  43. time: new Date().getTime()
  44. }
  45. const sessionObj = cache.session.getJSON('sessionObj')
  46. if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
  47. cache.session.setJSON('sessionObj', requestObj)
  48. } else {
  49. const s_url = sessionObj.url; // 请求地址
  50. const s_data = sessionObj.data; // 请求数据
  51. const s_time = sessionObj.time; // 请求时间
  52. const interval = 1000; // 间隔时间(ms),小于此时间视为重复提交
  53. if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
  54. const message = '数据正在处理,请勿重复提交';
  55. console.warn(`[${s_url}]: ` + message)
  56. return Promise.reject(new Error(message))
  57. } else {
  58. cache.session.setJSON('sessionObj', requestObj)
  59. }
  60. }
  61. }
  62. return config
  63. }, error => {
  64. Promise.reject(error)
  65. })
  66. // 响应拦截器
  67. service.interceptors.response.use(res => {
  68. // 未设置状态码则默认成功状态
  69. const code = res.data.code || 200;
  70. // 获取错误信息
  71. const msg = errorCode[code] || res.data.msg || errorCode['default']
  72. // 二进制数据则直接返回
  73. if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer') {
  74. return res.data
  75. }
  76. if (code === 401) {
  77. showFailToast('登录失效,请重新登录');
  78. console.log(router)
  79. localStorage.clear()
  80. router.push({ path: '/?id=$CORPID$' })
  81. return Promise.reject('无效的会话,或者会话已过期,请重新登录。')
  82. } else if (code === 500) {
  83. setTimeout(() => {
  84. showFailToast(msg);
  85. }, 500);
  86. //ElMessage({ message: msg, type: 'error' })
  87. return Promise.reject(new Error(msg))
  88. } else if (code === 601) {
  89. //ElMessage({ message: msg, type: 'warning' })
  90. return Promise.reject(new Error(msg))
  91. } else if (code !== 200) {
  92. ElNotification.error({ title: msg })
  93. return Promise.reject('error')
  94. } else {
  95. return Promise.resolve(res.data)
  96. }
  97. },
  98. error => {
  99. let { message } = error;
  100. if (message == "Network Error") {
  101. message = "后端接口连接异常";
  102. } else if (message.includes("timeout")) {
  103. message = "系统接口请求超时";
  104. } else if (message.includes("Request failed with status code")) {
  105. message = "系统接口" + message.substr(message.length - 3) + "异常";
  106. }
  107. //ElMessage({ message: message, type: 'error', duration: 5 * 1000 })
  108. return Promise.reject(error)
  109. }
  110. )
  111. export function get(url, params = {}) {
  112. return new Promise((resolve, reject) => {
  113. if(!params.closeLoading) {
  114. showLoadingToast({
  115. message: '加载中...',
  116. forbidClick: true,
  117. duration: 0,
  118. });
  119. }
  120. service.get(url, { params: params })
  121. .then(response => {
  122. setTimeout(() => {
  123. closeToast()
  124. }, 500)
  125. resolve(response);
  126. }, err => {
  127. reject(err)
  128. })
  129. })
  130. }
  131. /**
  132. * 封装post请求
  133. * @param url
  134. * @param data
  135. * @returns {Promise}
  136. */
  137. export function post(url, data = {}, method = 'post',headers = {}) {
  138. return new Promise((resolve, reject) => {
  139. if(!data.closeLoading) {
  140. showLoadingToast({
  141. message: '加载中...',
  142. forbidClick: true,
  143. duration: 0,
  144. });
  145. }
  146. service({
  147. method: method,
  148. url: url,
  149. data: data,
  150. headers: {...headers}
  151. }).then(res => {
  152. closeToast()
  153. resolve(res);
  154. }).catch(err => {
  155. reject(err)
  156. closeToast()
  157. })
  158. })
  159. }
  160. export default service