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

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

現(xiàn)在我們已經(jīng)通過webpack Vue cli構建了一個Vue項目框架。如果需要在Vue組件中使用Axios從后臺獲取數(shù)據(jù)，我們應該怎么做？通常，我們設置的項目目錄應該如下所示。首先，我們需要安裝Axios。NPM的每個人都知道下一步該做什么主要.js與許多第三方模塊不同，Axios不能使用這種使用方法。相反，它應該執(zhí)行以下操作虛擬樣機.$axios=axios然后，我們可以應用程序.vue首先，在您創(chuàng)建的public方法的文件中創(chuàng)建一個新方法HttpUtil.js文件文件。以下是總結HttpUtil.js文件內(nèi)容：VAR Axios=require（“Axios”）//配置項根，例如路徑VAR root=“http://localhost：8090/manage“//Axios請求函數(shù)httpapi（method，URL，params）{返回新承諾（（resolve，reject）=>{Axios（{method:method，URL:URL，數(shù)據(jù)：method==“post”；method==“put”？Params:null，Params:Method==“get”| | Method==“delete”？參數(shù)：null，baseurl:root，withcredentials:false}）。然后（（response）=>{解析（response）}）。Catch（（error）=>{reject（error）}）}//返回Vue模板中的調(diào)用接口，導出默認值{get:function（URL，parameters）{return httpapi（“get”，URL，parameters）}，post:function（URL，parameters）}，params）{return httpapi（“post”，URL，params）}，put:function（URL，params）{return httpapi（“put”，URLparams）}，delete:function（url，params）{return httpApi（“delete”，url，params）}