vue3 axios使用配置

2021-10-12 07:56:13 字數 1312 閱讀 3294

安裝axios 和 qs

cnpm install axios -

scnpm install qs -

s

在專案中建立axios.js(尾汁根據自己喜好而定)

;// axios.defaults.baseurl = '' //正式

// axios.defaults.baseurl = 'http://test' //測試

//post請求頭

axios.defaults.headers.post[

"content-type"]=

;//設定超時

axios.defaults.timeout =

10000

;axios.interceptors.request.

use(

config =>

, error =>);

axios.interceptors.response.

use(

response =>

else},

error =>`)

});export

default).

then

(res =>).

catch

(err =>);

})},

get(url, data)).

then

(res =>).

catch

(err =>)}

)}};

main.js中全域性引用axios

import axios from

'./static/js/axios';;

//全域性配置

可以在元件用通過 getcurrentinstance() 來獲取全域性 globalproperties 中配置的資訊,getcurrentinstance 方法獲取當前元件的例項,然後通過 ctx 屬性獲得當前上下文,這樣我們就能在 setup 中使用 axios來請求資料

如何呼叫,舉個栗子

Vue 中 axios 配置使用

1.安裝axios npm npm install axios s cdn 2.配置axios 在專案中新建api index.js檔案,用以配置axios api index.js import axios from axios function apiaxios method,url,param...

vue 使用axios 學習

1 axios的說明 參見 2 axios的使用 1 通過建立config.js配置檔案來設定 axiosl基本的路徑和引數 const baseurl 網域名稱 const config 新增一些其他的統一路徑 export default config 2 建立乙個http.js import ...

vue專案axios使用及axios的配置介紹

axios 是乙個基於 promise 的 http 庫,可以用在瀏覽器和 node.js 中 以下主要是vue專案使用方式的介紹 npm install axios2 在main.js引入 import as axios from axios vue.prototype.axios axios3 ...