home.vue
request/index.js
="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>
request/network.jsimport network from
'./network'
// 介面檔案
import port from
'./port'
// get非攜帶引數請求
export
function
getverytakejoin()
)}// get攜帶引數請求
export
function
gettakejoin
(info)=$
`,method:
'get'})
}// post攜帶引數請求
export
function
postcomment
(info)
)}
request/port.jsimport 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 生產環境配置檔案...