Vuejs并沒(méi)有直接處理ajax的組件，但可以使用Axios或vue-resource組件實(shí)現(xiàn)對(duì)異步請(qǐng)求的操作。而Axios是一個(gè)基于promise的HTTP庫(kù)，可以用在瀏覽器和node.js中。下面是Axios基礎(chǔ)學(xué)習(xí)筆記整理，內(nèi)容主要包括Axios的簡(jiǎn)介和應(yīng)用，其中Axios的應(yīng)用又涉及方法說(shuō)明、Axios方法示例、get方法示例和post方法示例等內(nèi)容：

一、Axios簡(jiǎn)介

Axios 是一個(gè)基于promise的HTTP庫(kù)，可以用在瀏覽器和node.js中。

# 如果使用npm則可以如下安裝

npm install axios

或者也可以直接使用公共的CDN(內(nèi)容分發(fā)網(wǎng)絡(luò))服務(wù)：

二、Axios應(yīng)用

1、方法說(shuō)明

Axios可以使用的方法有：axios(config);axios.get(url[, config]);axios.delete(url[, config]);axios.head(url[, config]);axios.post(url[, data[, config]]);axios.put(url[, data[, config]]);axios.patch(url[, data[, config]])

(1)config請(qǐng)求配置

這些是創(chuàng)建請(qǐng)求時(shí)可以用的配置選項(xiàng)。只有 url 是必需的。如果沒(méi)有指定 method ，請(qǐng)求將默認(rèn)使用 get 方法。

（2）響應(yīng)結(jié)構(gòu)

使用then時(shí)，你將接收下面這樣的響應(yīng)：

在使用catch時(shí)，或傳遞rejection callback作為then的第二個(gè)參數(shù)時(shí)，響應(yīng)可以通過(guò)error對(duì)象可被使用。

2、Axios方法示例

如果使用axios訪問(wèn)跨域數(shù)據(jù)的時(shí)候，只需要在服務(wù)提供方中，在方法上面使用SpringMVC的跨域注解即可解決數(shù)據(jù)跨域問(wèn)題。如果請(qǐng)求的地址是使用了網(wǎng)關(guān)，那么在網(wǎng)關(guān)服務(wù)器上配置跨域就可以了；不能同時(shí)在網(wǎng)關(guān)服務(wù)器和服務(wù)提供服務(wù)工程中同時(shí)配置。

可以通過(guò)向axios傳遞相關(guān)配置來(lái)創(chuàng)建請(qǐng)求

axios(config)

3、get方法示例

將上述示例中的axios操作部分修改為如下：

4、post方法示例

將示例中的axios操作部分修改為如下：

以上就是動(dòng)力節(jié)點(diǎn)java培訓(xùn)機(jī)構(gòu)的小編針對(duì)“Java就業(yè)教程：Axios基礎(chǔ)學(xué)習(xí)”的內(nèi)容進(jìn)行的回答，希望對(duì)大家有所幫助，如有疑問(wèn)，請(qǐng)?jiān)诰€咨詢，有專業(yè)老師隨時(shí)為你服務(wù)。