vuejs和后臺交互時，怎么發(fā)送請求和接收請求？您可以引入Vue資源并使用此$http.get獲取，這個。$http.post當然，跨域請求需要同時配置。例如，我使用express4。X，默認地址為h

vuejs和后臺交互時，怎么發(fā)送請求和接收請求？

您可以引入Vue資源并使用此$http.get獲取，這個。$http.post當然，跨域請求需要同時配置。例如，我使用express4。X，默認地址為http://localhost：3000，則需要打開索引.js文件，并以這種方式在dev下進行配置axiosmain.js文件這樣配置之后，Vue請求以這種方式表示，控制臺可以從post接收數(shù)據(jù)。這是最簡單的用法。好的，前臺也會得到請求的數(shù)據(jù)

首先，在自己創(chuàng)建的public方法的文件中新建一個HttpUtil.js文件文件。以下是總結HttpUtil.js文件內容：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模板中的調用接口，導出默認值{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:函數(shù)（url，params）{return httpApi（“delete”，url，params）}}虛擬用戶.js我們經(jīng)常在VUE2.0中使用Vue資源（官方Ajax庫）。Vue 2.0發(fā)布后，筆者宣布Vue資源不會更新，建議使用Axios（HTTP-request-client-based-on-promise），瀏覽器和服務器都可以使用節(jié)點.js使用

]安裝Axios

使用NPM

NPM安裝Axios

使用紗線

紗線添加Axios

使用Axios

使用Vue資源主要.js

從“axios”導入axios虛擬樣機. $HTTP=Axios

執(zhí)行get請求

此$http.get獲?。ā?用戶？id=12345”），然后（函數(shù)（響應）{控制臺.log（響應）}）.catch（函數(shù)（錯誤）{控制臺.log（錯誤）}

]以上是本文的全部內容，希望對您有所幫助，也希望您能多支持腳本回家。

vue中Axios的封裝與API接口的管理詳解？

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

Vue是一個用于構建用戶界面的漸進式框架。與其他大型框架不同，Vue被設計成從下到上逐層應用。Vue的核心庫只關注可視層，它不僅易于使用，而且易于與第三方庫或現(xiàn)有項目集成。另一方面，當與現(xiàn)代工具鏈和各種支持類庫相結合時，Vue還可以為復雜的單頁應用程序提供驅動程序。

1. 如果你在做PC應用程序，最好的選擇是elementui。

NPM I element UI-S

最簡單的UI編寫方法：http://element-cn.eleme.io/#/zh-Cn/組件/安裝

2。對于app mobile應用程序，最好選擇AUI或ionic

文檔：http://www.auicss.com/doc/v/2/doc[ID/1

aui2.0是一個全新的AUI框架，它是在1的基礎上重新構建的。十、在2.0中，REM全局控制大小，完全適應不同分辨率的移動設備；新增的主題樣式表方便開發(fā)者自定義基本顏色樣式，完成APP主題的定制。從IOS 5.1到Android 4.2的完美兼容性。所以我認為它是一個很好的UI插件。