vue 專案搭建axios準備

2021-09-29 18:30:24 字數 734 閱讀 9488

視覺化建立專案

vue ui 介面化建立專案

建立好專案後 安裝axios

npm install axios

可以在package.json中檢視是否安裝

axios 請求方法:

get:獲取資料

post:提交資料(表單+檔案)

put: 更新(所有資料提交到後端)

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

delete:刪除資料

介紹下post請求

別名方法 axios.post(url,{},config)

let data =

axios.post(url,data)

axios.post()

//form-data請求

let formdata = new formdata();

for(let key in data)

axios.post(url,formdata)

併發請求

axios.all(陣列),陣列放多個請求

axios.spread(),返回多個請求的返回值

用法axios.all([

axios.get(data1),

axios.post(data2)

]).then(

axios.spread(data1res,data2res)

//主要用於需要同時處理多個請求的情況

vue專案封裝axios

還是直奔主題吧,因為官方不推薦使用vue resource,而是推薦axios,所以這篇文章分享給大家我在自己的專案裡如何封裝axios,雖說將axios在main.js裡寫入vue的原型鏈作為vue的屬性 vue.prototype.http axios 直接用最原始的方法也能進行請求 這樣也不是...

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

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

vue專案搭建

前提安裝好node不再贅述 可以在自帶的命令列中執行,也可以在webstome中執行 安裝cnpm npm install g cnpm registry 安裝webpack 這一步可以省略,反正你也不會用 cnpm install webpack g 全域性安裝 vuecnpm install g...