axios 介面連線,資料請求

2022-08-19 02:33:13 字數 852 閱讀 8364

1,安裝axios

在專案下執行npm install axios

之後在main.js檔案中,新增:

1 import axios from 'axios'

2 vue.prototype.&axios=axios ——————————————axios不能用vue.use(axios),只能用原型鏈prototype!!!

2,axios-get請求方式

不帶引數時:

1 let url="..."

2this

.$axios.get(url) ————————————訪問介面位址

34 .then(res=>)

78 .catch(err=>)

帶引數時:

1 let url="..."

2this

.$axios.get(url,

6})

78 .then(res=>)

1112 .catch(err=>)

3,axios-post請求方式

帶引數時:

1 let url="..."

2 let data=

5this

.$axois.post(url,data )

67 .then(res=>)

1011 .catch(err=>)

axios-post的jq經典寫法

1

this

.$axios(, //

向後台傳引數

5headers:{}

6 }).then(res=>)

axios資料請求

請求方式預設是get 可以忽略,安裝get 請求寫法一axios.get請求寫法二axios then res catch error 這些請求寫在new vue中的methods中post請求寫法axios.defaults.headers.post content type 這裡的請求頭寫法是對...

axios 資料請求

1 安裝axios和qs npm install axios npm install qs 2 在vue的專案入口檔案main.js中,引入我們所需要axios 已經封裝好的ajax,也可以用fetch,但是相容性不如axios好 同時需要引入qs模組 我們在做post請求的時候需要用到 3 在vu...

Axios封裝請求後端介面

官方文件位址axios 安裝axios npm install axios在main.js中新增 import axios from axios vue.prototype.axios axios newvue 在src中新建乙個axios資料夾,建乙個http.js檔案 dialog為vant元件...