用的是vue-cli3.x 如果是3以下的版本,需解除安裝重灌
解除安裝命令npm uninstall -g vue-cli
3.x安裝命令npm install -g @vue/cli
建立專案vue create 專案名稱
啟動專案npm run serve
安裝axiosnpm add axios
axios請求方法: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的生態環...