Java就業(yè)教程:Axios基礎(chǔ)學(xué)習(xí)

Java就業(yè)教程:Axios基礎(chǔ)學(xué)習(xí)

長沙中公優(yōu)就業(yè)      2022-05-02 03:56:01     17

Java就業(yè)教程:Axios基礎(chǔ)學(xué)習(xí),Vuejs并沒有直接處理ajax的組件,但可以使用Axios或vue-resource組件實(shí)現(xiàn)對異步請求的操作。而Axios是一個(gè)基于promise的HTTP庫,

課程價(jià)格 請咨詢

上課時(shí)段: 授課校區(qū):

詳細(xì)介紹

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

一、Axios簡介

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

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

npm install axios

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

二、Axios應(yīng)用

1、方法說明

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請求配置

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

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

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

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

2、Axios方法示例

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

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

axios(config)

3、get方法示例

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

4、post方法示例

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

以上就是長沙中公優(yōu)就業(yè)java培訓(xùn)機(jī)構(gòu)的小編針對“Java就業(yè)教程:Axios基礎(chǔ)學(xué)習(xí)”的內(nèi)容進(jìn)行的回答,希望對大家有所幫助,如有疑問,請?jiān)诰€咨詢,有專業(yè)老師隨時(shí)為你服務(wù)。

Java教程

培訓(xùn)啦提醒您:交易時(shí)請核實(shí)對方資質(zhì),對于過大宣傳或承諾需謹(jǐn)慎!任何要求預(yù)付定金、匯款等方式均存在風(fēng)險(xiǎn),謹(jǐn)防上當(dāng)。