vue中如何使用axios

2021-10-23 15:59:30 字數 759 閱讀 8440

npm install axios
在main.js中引入import axios from 'axios'

然後在vue原型上新增vue.prototype.$axios = axios

this.$axios或者axios

1.引數一表示請求位址

2.引數二表示配置資訊

3.params表示傳遞到伺服器端的資料,以url引數的形式拼接在請求位址後面

比如:最終生成的url為

?page=2&per=3

4.headers表示請求頭

axios.get("",,

headers:{}

}).then( res =>)

1.引數一請求位址

2.引數二傳遞的資料,在請求體中傳遞

3.引數三配置資訊

axios.post('',,

}).then(res=>).catch(err=>)

建立乙個utils資料夾下面的js檔案裡

import axios from 'axios'

//建立乙個axios物件

const instance = axios.create()

export function get(url,params))

}export function post(url,data)

vue中axios的使用

寫上乙個專案的時候,我們就用到了axios,但是我當時沒怎麼學,不知道從哪下手,這個時候我小夥伴又把咋用的給我整理好了,那我就老老實實的當個廢物,他怎麼說我怎麼用。最後能用,但是不理解為什麼這樣用,正好學vue中的axios時又重新學了一遍。直接拿 來講吧 axios.defaults.baseur...

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的使用

新開了乙個vue專案,從頭到尾都是乙個人做的,所以就自己配置了乙個axios.js檔案 import axios from axios 引入axios vue.prototype.http axios 掛載在原型上 原因 直接掛載在原型上可能會給vue的原型鏈產生汙染,且太粗暴 不符合vue的生態環...