vue中axios的使用 學習記錄

用的是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)
=>
)

let data =

axios.
post
('/post'
,data)
.then
(res=>
)

let formdata =

newformdata()
for(
let key in data)
axios.
post
('/post'
,formdata)
.then
(res=>
)

let data =

axios.
put(
'/put'
,data)
.then
(res=>
)

let data =

axios.
patch
('/patch'
,data)
.then
(res=>
)

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的生態環...