統一管理，呼叫的時候方便，減少**冗餘
// api.js
import util from
'../libs/util'
// 請求位址從基礎路徑往後拼接
const
api=
,// get 請求
gettest
(data))}
}export
default
api
// util.js
import axios from
'axios'
// 封裝axios，baseurl是乙個基礎路徑
const util =
util.ajax = axios.
create()
// 把post原生請求變為formdata
util.
transparams
=(data)
=>
return params
}// 一般用請求頭
util.headersurlencoded =
}// 上傳檔案用請求頭
util.headersmultipart =
}// 新增請求***
util.ajax.interceptors.request.
use(
function
(config)
,function
(error));
// 新增響應***
util.ajax.interceptors.response.
use(
function
(res)
,function
(error));
export
default util
// test.vue
import
apifrom
'../api/api'
// 元件中呼叫
api.
addfeedback
(params)
.then
(res =>
)
axios基礎封裝
script新建axios資料夾，新建index.js fetch.js fetch.js如下 index.js如下 引入fetch.js檔案 import from fetch 定義獲取資料的函式getdata 其中url,type,data對應fetch config 中的config expo...
axios封裝使用
記錄專案中使用過的axios封裝，以便下次使用。import axios from axios 引用axios import from util util 引用剛才我們建立的util.js檔案，並使用getcookie方法 import qs from qs 很重要！過濾json格式化 axios ...
axios詳細封裝
我們採取封裝分類管理舉個栗子 新建資料夾utils 裡面新建url.js 全站http的配置 全站http配置 axios引數說明 isserialize是否開啟form表單提交 istoken是否需要token 新增乙個響應 axios interceptors response use func...