vue封裝axios介面請求

home.vue

="home"
>
"getverytakeinformation"
>
get非攜參請求資料<
/button>
"gettakeinformation"
>
get攜參請求資料<
/button>
"postdata"
>post攜參請求資料<
/button>
<
/div>
<
/template>
import
from
'../request'
export
default
, methods:)}
,gettakeinformation()
gettakejoin
(info)
.then
(data =>)}
,postdata()
postcomment
(info)
.then
(data =>)}
}}<
/script>

import network from

'./network'
// 介面檔案
import port from
'./port'
// get非攜帶引數請求
export
function
getverytakejoin()
)}// get攜帶引數請求
export
function
gettakejoin
(info)=$
`,method:
'get'})
}// post攜帶引數請求
export
function
postcomment
(info)
)}

import axios from

'axios'
// axios例項
const setas = axios.
create()
// 請求攔截
setas.interceptors.request.
use(data =>
, _error => promise.
reject
('請求錯誤'))
// 響應攔截
setas.interceptors.response.
use(data =>
, _error => promise.
reject
('響應錯誤'))
export
default setas

const storageport =

// 匯出攜帶介面物件
export
default storageport

封裝使用axios進行介面請求

npm install axios在main.js引入 import axios from axios 引入 import axios from axios import from vant toust是vant元件中輕提示，可根據專案更改設定環境切換axios baseurl if process...

vue3一下的axios封裝（介面請求封裝）

1.安裝axios依賴 npm i axios s 2.建立乙個utils檔案，和乙個api檔案，在前者下面建立乙個request.js的檔案。該檔案中引入axios import axios from axios 3.開始操作 封裝axios import axios from axios 引入a...

vue 封裝axios請求

最近接手新的vue專案，發現axios竟然沒有封裝，立馬動手封裝，這裡記錄一下完整的封裝過程，廢話不說，直接上 baseconfig.js檔案 存放各個伺服器的位址 const express require express const proenv require pro.env 生產環境配置檔案...