axios 簡單封裝

參考文件：

建立乙個http.js檔案

import axios from "axios"import  from 'vant';

//環境的切換
if (process.env.node_env == 'development') 
else
if (process.env.node_env == 'debug') 
else
if (process.env.node_env == 'production') 
//請求超時時間
axios.defaults.timeout = 2000
////
請求***
axios.interceptors.request.use(function
(config) 
toast.loading();
return
config;
}, function
(error) );
//響應***
axios.interceptors.response.use(function
(response) , 
function
(error) );//}
//}toast.fail("伺服器連線失敗");
return
promise.reject(error);
});//
通用方法
export const get = (url, params) =>
export const post = (url, params) =>).then(
res =>
)}

在main.js中引入

使用案例

主要按鈕

vue簡單封裝axios

1 在src下新建api資料夾，在api資料夾下新建config.js檔案 2 config.js配置如下 import axios from axios import qs from qs mint ui 框架，若不需要請全部注釋掉 import from mint ui axios.defaul...

axios請求簡單封裝

分為三步 1 建立axios例項，定義配置規則 import axios from axios import from config 建立帶配置專案的axios例項 const instance axios.create transformrequest function data return r...

vue簡單封裝axios外掛程式

第一步 在src資料夾下建立utils資料夾，該資料夾專門用來放工具，建立request.js檔案，與axios有關的邏輯封裝在request.js中 第二步 開始封裝axios 匯入axios import axios from axios 匯入vuex import store from sto...