1、首先建立axiosconfig資料夾 建axiosconfig.js檔案
// 響應時間
axios.defaults.timeout =5*
1000
// 配置cookie
// axios.defaults.withcredentials = true
// 配置請求頭
axios.defaults.headers.post[
'content-type']=
// 靜態資源
vue.prototype.$static=''
// 配置介面位址
axios.defaults.baseurl =
''// post傳參序列化(新增請求***)
axios.interceptors.request.
use(
(config)
=>
}// if (config.method === 'post')
return config
},(err)
=>
)// 返回狀態判斷(新增響應***)
axios.interceptors.response.
use(
(res)
=>
else},
(err)
=>
)// 傳送請求
export function post
(url, params)
,(err)
=>).
catch
((err)
=>)}
)}export function get
(url, params)).
then
((res)
=>).
catch
((err)
=>)}
)}2、在api裡面配置api.js
,}3、api下面建立乙個index.js
4、在main.js裡面
import api from './api/api'
vue.prototype.$api = api
this.$api.
getconfigdata
(params)
.then
((res)
=>).
catch
((err)
=>
)
Vue請求封裝
現在大部分的vue開發者都使用了axios請求方式 新建乙個http.js檔案 引入axios 需要npm安裝到專案中 引入vue 儲存登入資訊 import axios from axios import vue from vue import util from util.js 自己定義的工具類...
vue 封裝axios請求
最近接手新的vue專案，發現axios竟然沒有封裝，立馬動手封裝，這裡記錄一下完整的封裝過程，廢話不說，直接上 baseconfig.js檔案 存放各個伺服器的位址 const express require express const proenv require pro.env 生產環境配置檔案...
vue封裝axios請求
新建檔案src utils request.js import axios from axios 自定義配置建立axios的新例項 const service axios.create 無論請求為何種型別，在params中的屬性都會以key value的格式在urlzhong拼 headers 請求...