成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

Vue開發使用Axios遇到了大坑!

開發 前端
最近在趕項目,項目需要一定基礎錄入數據,所以邊開發邊讓同事進行數據錄入,但是遇到了天坑!

最近在趕項目,項目需要一定基礎錄入數據,所以邊開發邊讓同事進行數據錄入,但是遇到了天坑!

我使用angular的http請求,局域網內連接開發工程,一切正常!

Vue開發使用Axios遇到了大坑!

 

使用Vue的axios連接部分正常,部分不正常,服務器狀態碼200,服務器端控制臺也不報錯。但是頁面請求就是報錯。使用iPhone手機報錯,換華為安卓手機也是一樣的報錯,安卓手機不知道怎么調試,使用macOS的Safari瀏覽器可以調試iPhone手機瀏覽器,調試報錯,但是不知道原因。就單純報錯,服務器是沒有任何問題。錯誤代碼是200。

Vue開發使用Axios遇到了大坑!

 

也就是說,我PC版本瀏覽器縮放成手機瀏覽器一切正常,真機報錯,如果說是ssl證書等攔截,但實際上是有的請求報錯有的請求不報錯,一般報錯的是服務器返回一定數據的頁面會報錯。

換成局域網其它PC電腦訪問,很多頁面正常,部分頁面異步請求不正常,所有的http請求都統一在一個axios工具里封裝的。為何有些報錯,有些不報錯呢?太奇怪了唉。

但是在我工程開發的本機一切全部都正常!比如區域數據加載,數據為全云南省行政區數據,在我本機請求正常,但局域網其它瀏覽器訪問就網絡請求報錯,控制臺顯示為incomplete encoding?

但是編碼都是utf-8完全和其它請求和返回一致。我本機也可以正常加載,更離奇的是,打包成生產模式部署到阿里云服務器上也全部正常,就局域網跨電腦訪問就異常,也不是全部異常,就是那么部分接口異常。

Vue開發使用Axios遇到了大坑!

 

使用的代碼為ant design vue pro后臺管理模板預設的axios封裝,代碼如下:

  1. import Vue from 'vue' 
  2. import axios from 'axios' 
  3. import store from '@/store' 
  4. import notification from 'ant-design-vue/es/notification' 
  5. import { VueAxios } from './vueAxios' 
  6. import { ACCESS_TOKEN, ENTERPRISE_TOKEN } from '@/store/mutation-types' 
  7. import Constant from '@/config/ann.config' 
  8.  
  9. // 創建 axios 實例 
  10. const service = axios.create({ 
  11.   baseURL: Constant.API_URL, // api base_url 
  12.   timeout: 6000 // 請求超時時間 
  13. }) 
  14.  
  15. const err = (error) => { 
  16.   if (error.response) { 
  17.     const data = error.response.data 
  18.     const token = Vue.ls.get(ACCESS_TOKEN) 
  19.     if (error.response.status === 403) { 
  20.       notification.error({ 
  21.         message: 'Forbidden'
  22.         description: data.message 
  23.       }) 
  24.     } 
  25.     if (error.response.status === 401 && !(data.result && data.result.isLogin)) { 
  26.       notification.error({ 
  27.         message: 'Unauthorized'
  28.         description: 'Authorization verification failed' 
  29.       }) 
  30.       if (token) { 
  31.         store.dispatch('Logout').then(() => { 
  32.           setTimeout(() => { 
  33.             window.location.reload() 
  34.           }, 1500) 
  35.         }) 
  36.       } 
  37.     } 
  38.   } 
  39.   return Promise.reject(error) 
  40.  
  41. // request interceptor 
  42. service.interceptors.request.use(config => { 
  43.   // 登錄用戶身份認證Token 
  44.   const token = Vue.ls.get(ACCESS_TOKEN) 
  45.   if (token) { 
  46.     config.headers['Ann-Token'] = token // 讓每個請求攜帶自定義 token 請根據實際情況自行修改 
  47.   } 
  48.   // 當前操作企業授權Token 
  49.   const tokenE = Vue.ls.get(ENTERPRISE_TOKEN) 
  50.   if (tokenE) { 
  51.     config.headers['Ann-E-Token'] = tokenE // 讓每個請求攜帶自定義 token 請根據實際情況自行修改 
  52.   } 
  53.   return config 
  54. }, err) 
  55.  
  56. // response interceptor 
  57. service.interceptors.response.use((response) => { 
  58.   return response.data 
  59. }, err) 
  60.  
  61. const installer = { 
  62.   vm: {}, 
  63.   install (Vue) { 
  64.     Vue.use(VueAxios, service) 
  65.   } 
  66.  
  67. export { 
  68.   installer as VueAxios, 
  69.   service as axiosService 
  70.  
  71. 有沒有遇到同樣問題的道友呢? 

有沒有遇到同樣問題的道友呢? 

 

責任編輯:龐桂玉 來源: 今日頭條
相關推薦

2024-07-16 08:36:33

線程池父子任務微服務

2013-07-26 09:16:13

SwiftOpenStackSwiftStack

2021-05-12 13:38:47

云計算

2021-10-26 08:22:38

消息堆積擴容RocketMQ

2015-10-12 11:26:12

iOS 9適配

2021-07-28 10:13:00

公有云云計算云遷移

2019-03-25 10:30:19

開發技能代碼

2015-12-22 10:10:43

2021-10-18 22:29:54

OOMJava Out Of Memo

2023-09-14 10:55:16

2011-12-21 15:07:28

開源云計算

2023-04-16 19:34:01

2024-11-06 10:16:22

2017-10-24 12:32:03

小程序APPbug

2020-08-06 15:50:26

微信無法登陸移動應用

2025-04-16 02:20:00

2021-11-17 08:24:47

Vue3 插件Vue應用

2014-04-14 10:21:15

開發運維DevOps

2020-01-21 22:02:23

物聯網IOT物聯網應用

2021-12-08 12:05:21

MySQ磁盤數據庫
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 成av在线 | 成人不卡| 美女福利网站 | 精品乱子伦一区二区三区 | 一级做a爰片性色毛片16美国 | 福利片一区二区 | 久久91视频 | 中文字幕精品一区二区三区在线 | 精品国产欧美 | 成人日韩精品 | 亚洲天堂影院 | 日韩福利片 | 日韩欧美三级在线 | 91久久国产综合久久 | 91视频在线观看 | 久久精品在线 | 一区二区三区中文字幕 | 一区二区在线 | 中文字幕99 | 国产精品不卡一区 | 成人福利网 | 国产在线视频一区二区董小宛性色 | 国产精品久久久久久一区二区三区 | 日本一区二区三区精品视频 | 国产高清一区二区 | 国产精品久久久久久久免费观看 | 国产亚洲精品久久午夜玫瑰园 | www.天天干.com | 国产精品视频久久久久久 | 91久久国产综合久久 | 91麻豆精品国产91久久久久久 | 欧美日韩高清一区二区三区 | 欧美freesex黑人又粗又大 | 日韩成人免费av | 91影院在线观看 | 欧美精品在欧美一区二区少妇 | 久久久女女女女999久久 | 中文字幕在线观看国产 | 亚洲精品免费在线 | 国产精品久久久久免费 | 亚洲a视|