資訊專欄INFORMATION COLUMN
摘要：廢話不多說，直接上代碼，本人也是菜雞如果有什么不對請指教為組件的插件按需引入。引入設置請求時間響應攔截器如果返回的狀態碼為，說明請求數據成功注是我和公司后臺約定的狀態碼，具體的隨機應變否則的話拋出錯誤請求不存在封裝方法封裝請求
廢話不多說，直接上代碼，本人也是菜雞 如果有什么不對請指教~
ps: message為iview組件的插件 按需引入。
// 引入axios
import axios from "axios";
import { Message } from "iview"
import store from "./../store"
import router from "./../router"
if (process.env.NODE_ENV == "development") {
axios.defaults.baseURL = "/api";}
else if (process.env.NODE_ENV == "debug") {
axios.defaults.baseURL = "";
}
else if (process.env.NODE_ENV == "production") {
axios.defaults.baseURL = "./";
}
axios.defaults.timeout = 60000; //設置請求時間
// 響應攔截器
axios.interceptors.response.use(
response => {
// 如果返回的狀態碼為0000，說明請求數據成功(注：0000是我和公司后臺約定的狀態碼，具體的隨機應變)
// 否則的話拋出錯誤{
if(response.data.retCode != "0000"){
store.commit("common/defaultEntity", {
retCode: response.data.retCode,
retMsg: response.data.retMsg
})
router.push({ path: "/error"});
}
return Promise.resolve(response);
},
error => {
store.commit("common/defaultEntity", {
retCode: error.response.status,
retMsg: "請求不存在"
})
router.push({ path: "/error"});
return Promise.reject(error.response);
}
);
/**
* 封裝get方法
* @param url
* @param data
* @returns {Promise}
*/
export function fetch(url,params={}){
return new Promise((resolve,reject) => {
axios.get(url,{
params:params
})
.then(response => {
resolve(response.data);
})
.catch(err => {
reject(err)
})
})
}
/**
* 封裝post請求
* @param url
* @param data
* @returns {Promise}
*/
export function post(url,data = {}){
return new Promise((resolve,reject) => {
axios.post(url,data).then(response => {
resolve(response.data);
},err => {
reject(err)
})
})
}
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/103838.html
摘要：攔截重復請求如何標識每個請求下面函數，通過一個請求參數中的請求傳遞參數或請求傳遞參數來表示每一個請求。 一直想封裝一下 axios， 可以方便項目中使用，今天有時間，就好好研究了一下。 源碼： // util/axios.js import axios from axios const pending = {} const CancelToken = axios.CancelTok...
摘要：對于第二種存儲方式，我們前端需要將其二進制流交由對象處理，然后通過的生成臨時賦值給屬性來顯示。當后端返回特定的圖片二進制流的時候，就像我第一里的情景再現說的，前端用容器接收。 前言 作為前端工程師 de 我們，日常少不了會跟圖片打交道。在各大電商平臺工作的前端工程師們，感受可能會更加的明顯。 以下是我之前跟圖片打交道踩到的坑，跟大家分享一下經驗。 一、情景再現 用postman請求接口...
摘要：對于第二種存儲方式，我們前端需要將其二進制流交由對象處理，然后通過的生成臨時賦值給屬性來顯示。當后端返回特定的圖片二進制流的時候，就像我第一里的情景再現說的，前端用容器接收。 前言 作為前端工程師 de 我們，日常少不了會跟圖片打交道。在各大電商平臺工作的前端工程師們，感受可能會更加的明顯。 以下是我之前跟圖片打交道踩到的坑，跟大家分享一下經驗。 一、情景再現 用postman請求接口...
摘要：對于第二種存儲方式，我們前端需要將其二進制流交由對象處理，然后通過的生成臨時賦值給屬性來顯示。當后端返回特定的圖片二進制流的時候，就像我第一里的情景再現說的，前端用容器接收。 前言 作為前端工程師 de 我們，日常少不了會跟圖片打交道。在各大電商平臺工作的前端工程師們，感受可能會更加的明顯。 以下是我之前跟圖片打交道踩到的坑，跟大家分享一下經驗。 一、情景再現 用postman請求接口...
閱讀 1637·2021-09-26 09:55
閱讀 1371·2021-09-23 11:22
閱讀 2726·2021-09-06 15:02
閱讀 2640·2021-09-01 11:43
閱讀 3952·2021-08-27 13:10
閱讀 3676·2021-08-12 13:24
閱讀 2069·2019-08-30 12:56
閱讀 2991·2019-08-30 11:22
