vue中axios的使用 學習記錄

2021-10-13 20:56:04 字數 1704 閱讀 5697

用的是vue-cli3.x 如果是3以下的版本,需解除安裝重灌

解除安裝命令npm uninstall -g vue-cli

3.x安裝命令npm install -g @vue/cli建立專案vue create 專案名稱啟動專案npm run serve安裝axiosnpm add axiosaxios請求方法:get , post , put , patch , delete

get 獲取資料

post 請求資料(表單提交+檔案上傳)

put 更新資料 (所有資料推送到後端)

patch 更新資料(只將更新的資料推送到後端)

delete 刪除資料

axios的使用

axios.

get(

'data.json',}

).then

((res)

=>

)

- post請求

let data =

axios.

post

('/post'

,data)

.then

(res=>

)

- form-data請求

let formdata =

newformdata()

for(

let key in data)

axios.

post

('/post'

,formdata)

.then

(res=>

)

- put請求

let data =

axios.

put(

'/put'

,data)

.then

(res=>

)

- patch請求

let data =

axios.

patch

('/patch'

,data)

.then

(res=>

)

- delete 請求

let data =

axios.

delete

('/delete'

,data)

.then

(res=>

)

- 併發請求:同時進行多個請求,並統一處理返回值

axios.spread()

axios.

all(

[ axios.

get(

'data.json'),

axios.

get(

'/city.json')]

).then

( axios.

spread

((datares,cityres)

=>

))

vue 使用axios 學習

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

vue中axios的使用

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

vue中axios的使用

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