Vue請求封裝

現在大部分的vue開發者都使用了axios請求方式

新建乙個http.js檔案

引入axios(需要npm安裝到專案中)

引入vue（儲存登入資訊）

import axios from

'axios'
import vue
from
'vue'
import util from
'@/util.js'
// 自己定義的工具類
axios.defaults.timeout =
5000
;//響應時間
axios.defaults.headers.post[
'content-type']=
;//配置請求頭

在請求時要首先驗證請求的url是否存在，這時候呼叫工具類中的方法。

在util.js中

function isblank

(str)
else
if(object.prototype.tostring.
call
(str)
==='[object null]'
)else
if(object.prototype.tostring.
call
(str)
==='[object string]'
)else
if(object.prototype.tostring.
call
(str)
==='[object array]'
)else
if(object.prototype.tostring.
call
(str)
==='[object object]')'
?true
:false;}
else
}//暴露給外部呼叫
export default

async function post

(option)
;var success = function (response)
}var error = function (error)
else
if(status ==
500)
else
if(status ==
501)
else
return
false;}
await
axios
(op)
.then
(success, error)
.catch
(function (error));
}

export default

在中引用

;使用

//載入**資料

,

vue封裝請求

1 首先建立axiosconfig資料夾 建axiosconfig.js檔案 響應時間 axios.defaults.timeout 5 1000 配置cookie axios.defaults.withcredentials true 配置請求頭 axios.defaults.headers.po...

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 請求...