bigDataRequest.js 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. import axios from 'axios'
  2. import { Notification, MessageBox, Message, Loading } from 'element-ui'
  3. import router from '@/router'
  4. import store from '@/store'
  5. import { getToken } from '@/utils/auth'
  6. import errorCode from '@/utils/errorCode'
  7. import { tansParams,judgmentNetworkReturnAddress } from "@/utils/ruoyi";
  8. //判定http或者https
  9. let urlText = window.location.href.split('://')[0]+'://';
  10. //分锅器
  11. let potType = false;
  12. // 弹层数据
  13. let loadingInstance = {};
  14. let options = {
  15. spinner:"",
  16. background: 'rgba(255, 255, 255, 0.1)'
  17. };
  18. let loadingCount = 0;
  19. axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
  20. // 创建axios实例
  21. const service = axios.create({
  22. // axios中请求配置有baseURL选项,表示请求URL公共部分
  23. baseURL: urlText+judgmentNetworkReturnAddress(),
  24. // 超时
  25. timeout: 10000
  26. })
  27. // request拦截器
  28. service.interceptors.request.use(config => {
  29. if(config.type == 'video'){
  30. config.baseURL = localStorage.getItem('cameraExtranetAgent')
  31. potType = true;
  32. }else{
  33. potType = false;
  34. }
  35. // 弹层相关
  36. loadingInstance = Loading.service(options)
  37. // 是否需要设置 token
  38. const isToken = (config.headers || {}).isToken === false
  39. if (getToken() && !isToken) {
  40. config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
  41. }
  42. // get请求映射params参数
  43. if (config.method === 'get' && config.params) {
  44. let url = config.url + '?' + tansParams(config.params);
  45. url = url.slice(0, -1);
  46. config.params = {};
  47. config.url = url;
  48. }
  49. // 弹层相关
  50. loadingCount ++;
  51. return config
  52. }, error => {
  53. // 弹层相关
  54. loadingCount --;
  55. if(loadingCount===0){
  56. loadingInstance.close();
  57. }
  58. console.log(error)
  59. Promise.reject(error)
  60. })
  61. // 响应拦截器
  62. service.interceptors.response.use(res => {
  63. // 弹层相关
  64. loadingCount --;
  65. if(loadingCount===0) {
  66. loadingInstance.close();
  67. }
  68. // 未设置状态码则默认成功状态
  69. const code = res.data.code || 200;
  70. // 获取错误信息
  71. const msg = errorCode[code] || res.data.msg || errorCode['default']
  72. if (code == 401 || code == 403) {
  73. if(!localStorage.getItem('serviceType')){
  74. localStorage.setItem('serviceType','1')
  75. MessageBox.confirm('登录状态已过期,请重新登录', '系统提示', {
  76. confirmButtonText: '确定',
  77. showCancelButton:false,
  78. closeOnClickModal:false,
  79. cancelButtonText: '取消',
  80. type: 'warning'
  81. }
  82. ).then(() => {
  83. store.dispatch('LogOut').then(() => {
  84. localStorage.removeItem('serviceType');
  85. router.replace({
  86. path: '/login'
  87. })
  88. // location.href = '/index';
  89. })
  90. return
  91. }).catch(() => {});
  92. // return Promise.reject('令牌验证失败')
  93. }
  94. } else if (code === 500) {
  95. Message({
  96. message: msg,
  97. type: 'error'
  98. })
  99. return Promise.reject(new Error(msg))
  100. } else if (code == 303) {
  101. return res.data
  102. }else if (code == 530) {
  103. return res.data
  104. }else if (code != 200) {
  105. Notification.error({
  106. title: msg
  107. })
  108. return Promise.reject('error')
  109. } else {
  110. return res
  111. }
  112. },
  113. error => {
  114. // 弹层相关
  115. loadingCount --;
  116. if(loadingCount===0){
  117. loadingInstance.close();
  118. }
  119. console.log('err' + error)
  120. let { message } = error;
  121. if (message == "Network Error") {
  122. if(potType){
  123. message = "视频监控接口连接异常";
  124. }else{
  125. message = "后端接口连接异常";
  126. }
  127. }
  128. else if (message.includes("timeout")) {
  129. if(potType){
  130. message = "视频监控接口请求超时";
  131. }else{
  132. message = "系统接口请求超时";
  133. }
  134. }
  135. else if (message.includes("Request failed with status code")) {
  136. message = "系统接口" + message.substr(message.length - 3) + "异常";
  137. }
  138. Message({
  139. message: message,
  140. type: 'error',
  141. duration: 5 * 1000
  142. })
  143. return Promise.reject(error)
  144. }
  145. )
  146. // 通用下载方法
  147. export function download(url, params, filename) {
  148. return service.post(url, params, {
  149. transformRequest: [(params) => {
  150. return tansParams(params)
  151. }],
  152. headers: {
  153. 'Content-Type': 'application/x-www-form-urlencoded'
  154. },
  155. responseType: 'blob'
  156. }).then((data) => {
  157. const content = data
  158. const blob = new Blob([content])
  159. if ('download' in document.createElement('a')) {
  160. const elink = document.createElement('a');
  161. elink.download = filename
  162. elink.style.display = 'none'
  163. elink.href = URL.createObjectURL(blob)
  164. document.body.appendChild(elink)
  165. elink.click()
  166. URL.revokeObjectURL(elink.href)
  167. document.body.removeChild(elink)
  168. } else {
  169. navigator.msSaveBlob(blob, filename)
  170. }
  171. }).catch((r) => {
  172. console.error(r)
  173. })
  174. }
  175. export default service