httputils.js 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. import axios from 'axios'
  2. import store from '@/store'
  3. import { MessageBox } from 'element-ui'
  4. var CancelToken = axios.CancelToken
  5. var cancel
  6. // 创建axios实例
  7. const axiosservice = axios.create({
  8. timeout: 30000, // 请求超时时间
  9. retry: 4, //重新请求次数
  10. retryDelay: 1000, //重新请求的间隔
  11. credentials: true, // 接口每次请求会跨域携带cookie
  12. cancelToken: new CancelToken(function executor(c) {
  13. // executor 函数接收一个 cancel 函数作为参数
  14. cancel = c
  15. }),
  16. })
  17. axiosservice.interceptors.request.use(
  18. (config) => {
  19. config.withCredentials = true // 允许携带token ,这个是解决跨域产生的相关问题
  20. let token = store.getters['ssoToken']
  21. let isPreview = store.getters['isPreview']
  22. if (config.url.indexOf('mapapp') < 0) {
  23. config.headers = {
  24. 'sso-token': token,
  25. isPreview: isPreview, //默认false,当预览开启的时候是true
  26. }
  27. }
  28. // if (config.url.indexOf('/data') > -1 && config.url !== '/data/data/auth/check') {
  29. if (config.url.indexOf('/data') > -1) {
  30. config.headers = {
  31. 'sso-token': 'admin:xiejialin1',
  32. }
  33. }
  34. return config
  35. },
  36. (error) => {
  37. return Promise.reject(error)
  38. }
  39. )
  40. axiosservice.interceptors.response.use(
  41. function(res) {
  42. //在这里对返回的数据进行处理
  43. let resp = res.data
  44. if (resp.result === 'unauthc') {
  45. store.commit('logined', false)
  46. MessageBox.confirm('未登陆或登陆信息已失效, 是否重新登陆?', '提示', {
  47. confirmButtonText: '确定',
  48. cancelButtonText: '取消',
  49. type: 'error',
  50. })
  51. .then((resp) => {
  52. window.location.reload()
  53. })
  54. .catch((error) => {})
  55. } else if (resp.result == 'unauthorization') {
  56. MessageBox.alert('无权操作', { title: '警告', type: 'error' })
  57. }
  58. return res
  59. },
  60. function(err) {
  61. return Promise.reject(err)
  62. }
  63. )
  64. /* 下载方法 */
  65. function downFile(blob, fileName) {
  66. // 非IE下载
  67. if ('download' in document.createElement('a')) {
  68. let link = document.createElement('a')
  69. link.href = window.URL.createObjectURL(blob) // 创建下载的链接
  70. link.download = fileName // 下载后文件名
  71. link.style.display = 'none'
  72. document.body.appendChild(link)
  73. link.click() // 点击下载
  74. window.URL.revokeObjectURL(link.href) // 释放掉blob对象
  75. document.body.removeChild(link) // 下载完成移除元素
  76. } else {
  77. // IE10+下载
  78. window.navigator.msSaveBlob(blob, fileName)
  79. }
  80. }
  81. export default {
  82. //获取cookie
  83. getCookie(name) {
  84. var arr,
  85. reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)')
  86. if ((arr = document.cookie.match(reg))) {
  87. return unescape(arr[2])
  88. } else {
  89. /* 如果没有参数,那么就获取本域下的所有cookie */
  90. return document.cookie
  91. }
  92. },
  93. async getJson(url, params) {
  94. try {
  95. let response = await axiosservice({
  96. url,
  97. params,
  98. method: 'get',
  99. })
  100. return response.data
  101. } catch (err) {
  102. throw err
  103. }
  104. },
  105. async postJson(url, data) {
  106. try {
  107. let response = await axiosservice({
  108. url,
  109. data,
  110. method: 'post',
  111. })
  112. return response.data
  113. } catch (err) {
  114. throw err
  115. }
  116. },
  117. async fetchJson(url, params, data) {
  118. try {
  119. let response = await axiosservice({
  120. url,
  121. params,
  122. data,
  123. method: 'post',
  124. })
  125. return response
  126. } catch (err) {
  127. throw err
  128. }
  129. },
  130. async postupload(url, data) {
  131. try {
  132. let response = await axiosservice({
  133. url,
  134. data,
  135. method: 'post',
  136. headers: {
  137. 'Content-Type': 'multipart/form-data',
  138. },
  139. })
  140. return response.data
  141. } catch (err) {
  142. throw err
  143. }
  144. },
  145. download(url, requestData) {
  146. // 响应类型:arraybuffer, blob
  147. axiosservice
  148. .post(url, requestData, { responseType: 'blob' })
  149. .then((resp) => {
  150. let headers = resp.headers
  151. let contentType = headers['content-type']
  152. if (!resp.data) {
  153. console.error('响应异常:', resp)
  154. return false
  155. } else {
  156. //console.log("下载文件:", resp)
  157. const blob = new Blob([resp.data], { type: contentType })
  158. const contentDisposition = resp.headers['content-disposition']
  159. let fileName = 'unknown'
  160. if (contentDisposition) {
  161. fileName = window.decodeURI(resp.headers['content-disposition'].split('=')[1])
  162. }
  163. downFile(blob, fileName)
  164. }
  165. })
  166. .catch(function(error) {})
  167. },
  168. axios: axiosservice,
  169. }