Vue axios配置踩坑記錄

2021-09-12 01:39:09 字數 1819 閱讀 7435

避免誤導,先上親測可用的**:

/**

* axios封裝

*./src/axios/index.js

**/import axios from 'axios'

import from 'iview';

import store from '../vuex/store'

import from 'common/api.config';

import qs from 'qs'

import from '../common/js/common.js';

import iview from 'iview'

// axios 配置

axios.defaults.timeout = 10000;

axios.defaults.baseurl = apibase();

axios.defaults.loading = true;

// post傳參序列化

axios.interceptors.request.use((config) =>

if(config.method === 'post'))

// config.data = qs.stringify(config.data);

} else

if(config.method === 'get')

} return config;

},(error) =>);

//返回狀態判斷

axios.interceptors.response.use((res) =>

store.state.loading = false;//loading等待

if(res.data.code)else

if(res.data.code == 103)

});localstorage.removeitem('user');

}else

if(res.data.code == 104));

}else

if(res.data.code == 101)else);

return promise.reject(res);

}}}, (error) => );

return promise.reject(error);

});export

function fetch(url, params) , err => )

.catch((error) => )

})}export

function fetchget(url, params) , err => )

.catch((error) => )

})}export

function fetchjson(url, params) , err => )

.catch((error) => )

})}let token = localstorage.getitem("token");

export default ,

post(url,data) ,

getjson(url,data)

}複製**

在這裡就不上錯誤的**了,之前按照網上的一些教程進行了axios的配置和封裝,結果發請求時出現了這樣的錯誤:

而且是部分介面正常,部分介面報錯的偶發。

開始考慮到是axios的機制問題,因為會請求兩次,會先發一次option預請求,檢視後台是否是允許了option請求方式,正確設定了之後還是出現跨域報錯的問題。

接著考慮了取消option預請求,還是不行。

最後經過反覆的嘗試,最後還是在axios配置的部分解決了問題。

nginx配置踩坑記錄

既然為靜態資源檔案 1.測試了該目錄下其他型別檔案可正常訪問,說明路徑沒有錯,2.檢視network及request header,均為發現異常 3.考慮只是對json檔案格式異常,是否為nginx配置問題 於是,檢視nginx配置,確實沒有關於json格式的支援,於是新增上 json 重啟ngin...

vscode配置git踩坑記錄

win10專業版 這個應該影響不大,我在win10和win8都試過了,只是第一次踩了一堆坑而已 vscode july2020 version 1.48 git version 2.27.0.windows.1 git config global user.name 你的名字 設定使用者名稱 git...

Python 踩坑記錄

1.浮點數判斷 工作中遇到類似下面邏輯判斷 i 1 while i 1.5 i i 0.1 print i在想象中i應該停止在1.5就不輸出了,但是實際的輸出結果是無限迴圈。這是因為在計算機的邏輯中,浮點數的儲存規則決定了不是所有的浮點數都能準確表示,有些是不準確的,只是無限接近。如0.1轉換為二進...