httputils.js 5.3 KB

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