封裝vue axios請求

util.js

import axios from

'axios'
;import qs from
'qs'
;import
from
'vant'
;//h5用的這個
const apiurl=
'******xx'
//訪問介面位址
//設定超時時間 請求頭等
axios.defaults.timeout =
30000
;axios.defaults.headers.head[
'access-control-allow-origin']=
'*';
axios.defaults.headers.post[
'content-type']=
;// content-type: multipart/form-data： 它會將請求體的資料處理為一條訊息，以標籤為單元，用分隔符分開。既可以上傳鍵值對，也可以上傳檔案。
/** * 封裝post請求
* @param url
* @param data
* @returns 
*/// url是網域名稱後面的短鏈結，data是乙個物件
export
function
post
(url, data)
else
}, err =>)}
)}

//引入util中的post

import
from
'../util/index'
export
function
test
(query)

import

from
"@/api/request"
; methods:
test
(data)
.then
(res=>)}
,}

vue axios 請求封裝

import axios from axios import router from router index import from element ui import from utils loading import from utils auth import qs from qs 引入qs...

vue axios請求封裝

在src檔案下自定義乙個api.js import axios from axios 建立乙個axios物件 const 建立乙個唯讀檔案 const instance axios.create 請求攔截 所有的網路請求都會先走這個方法 instance.interceptors.request.u...

vue axios請求封裝

介紹就不多寫了，直接上 了！import axios from axios create an axios instance const service axios.create 請求引數處理 transformrequest function data return ret request int...