Vue項(xiàng)目中使用axios獲取網(wǎng)頁(yè)數(shù)據(jù)問(wèn)題？現(xiàn)在我們已經(jīng)通過(guò)webpack Vue cli構(gòu)建了一個(gè)Vue項(xiàng)目框架。如果需要在Vue組件中使用Axios從后臺(tái)獲取數(shù)據(jù)，我們應(yīng)該怎么做？通常，我們?cè)O(shè)置的

Vue項(xiàng)目中使用axios獲取網(wǎng)頁(yè)數(shù)據(jù)問(wèn)題？

現(xiàn)在我們已經(jīng)通過(guò)webpack Vue cli構(gòu)建了一個(gè)Vue項(xiàng)目框架。如果需要在Vue組件中使用Axios從后臺(tái)獲取數(shù)據(jù)，我們應(yīng)該怎么做？通常，我們?cè)O(shè)置的項(xiàng)目目錄應(yīng)該如下所示。首先，我們需要安裝Axios。NPM的每個(gè)人都知道下一步該做什么主要.js與許多第三方模塊不同，Axios不能使用這種使用方法。相反，它應(yīng)該執(zhí)行以下操作虛擬樣機(jī).$axios=axios然后，我們可以應(yīng)用程序.vueAxios用于虛擬用戶(hù).js1.0我們經(jīng)常使用Vue資源（官方Ajax庫(kù)）。VUE2.0發(fā)布后，作者宣布不再更新Vue資源。建議使用Axios（基于promise的HTTP請(qǐng)求客戶(hù)端，可在瀏覽器和服務(wù)器中使用）節(jié)點(diǎn).js

安裝Axios

使用NPM

NPM安裝Axios

使用紗線(xiàn)

紗線(xiàn)添加Axios

使用Axios

就像Vue資源一樣主要.js

從“axios”導(dǎo)入axios虛擬樣機(jī). $HTTP=Axios

執(zhí)行g(shù)et請(qǐng)求

此$http.get獲取（“/用戶(hù)？id=12345”），然后（函數(shù)（響應(yīng)）{控制臺(tái).log（響應(yīng)）}）.catch（函數(shù)（錯(cuò)誤）{控制臺(tái).log（錯(cuò)誤）}）

以上是本文的全部?jī)?nèi)容，希望能幫助您學(xué)習(xí)，也希望您支持腳本回家。

怎么設(shè)置axios的全局請(qǐng)求參數(shù)？

整個(gè)過(guò)程是在創(chuàng)建的組件中提交分派，然后通過(guò)動(dòng)作調(diào)用一個(gè)封裝的Axios，然后觸發(fā)變異提交狀態(tài)更改狀態(tài)的數(shù)據(jù)，然后在組件的計(jì)算屬性中得到狀態(tài)的數(shù)據(jù)并呈現(xiàn)在頁(yè)面上

使用axios還需要再封裝一層嗎？

您可以直接使用post方法，使您不需要填寫(xiě)參數(shù)方法，或者您可以像我一樣做一些使用，下面是我的代碼示例，希望對(duì)您有所幫助：click2（）{這是axios（{/*頭：{“授權(quán)”：“承載者”this.$store.state.users用戶(hù). currentUser.UserToken}，*/method:“post”，url:“/test”，data:{“test”：“123456”}）控制臺(tái).log（回應(yīng)）*/這個(gè)值= 響應(yīng).數(shù)據(jù)}.bind（this））.catch（函數(shù)（錯(cuò)誤）{控制臺(tái).log（錯(cuò)誤）}

與傳統(tǒng)的Ajax不同，Axios更符合HTTP數(shù)據(jù)傳輸標(biāo)準(zhǔn)。

如果需要支持，get方法會(huì)將參數(shù)放在param中