我現(xiàn)在在做一個(gè)系統(tǒng)，用vuejs調(diào)用Python算法，對(duì)上傳的圖片進(jìn)行處理。問一下前后端交互怎么處理？一個(gè)非常好的問題。主要開發(fā)的是一個(gè)典型的靜態(tài)和動(dòng)態(tài)分離架構(gòu)的網(wǎng)站，前端和后端通過restapi進(jìn)行

我現(xiàn)在在做一個(gè)系統(tǒng)，用vuejs調(diào)用Python算法，對(duì)上傳的圖片進(jìn)行處理。問一下前后端交互怎么處理？

一個(gè)非常好的問題。主要開發(fā)的是一個(gè)典型的靜態(tài)和動(dòng)態(tài)分離架構(gòu)的網(wǎng)站，前端和后端通過restapi進(jìn)行交互。

Python不僅用于開發(fā)AI算法，還用于開發(fā)網(wǎng)站。Django或flash是一個(gè)公共框架，它封裝了用于前端調(diào)用的rest接口。

JavaScript在各種開發(fā)框架中很常見，如react和Vue。以fetch庫調(diào)用API為例：

我是一個(gè)工作了多年的web應(yīng)用程序架構(gòu)師。請(qǐng)關(guān)注我，了解更多。

vue怎么傳多個(gè)對(duì)象參數(shù)到后臺(tái)？

使用虛擬用戶.js與后臺(tái)進(jìn)行數(shù)據(jù)交互的方法是使用Vue資源組件提供的一系列API:

get（URL，[數(shù)據(jù)]，[成功]，[選項(xiàng)]）

post（URL，[數(shù)據(jù)]，[成功]，[選項(xiàng)]）

put（URL，[數(shù)據(jù)]，[成功]，[選項(xiàng)]）

patch（URL，[數(shù)據(jù)]，[成功]，[選項(xiàng)]）

delete（URL，[data]，[success

，[options

]jsonp（URL，[data]，[success]，[options

]具體示例如下：

1。導(dǎo)入Vue資源

2?；谌諺ue對(duì)象，使用HTTP

//通過someurl獲取后臺(tái)數(shù)據(jù)，成功后執(zhí)行代碼Vue.http.get獲取（“/someurl”，[選項(xiàng)]）。然后（successcallback，errorcallback）

3。在Vue實(shí)例中使用$HTTP

//$HTTP是Vue本地范圍中的實(shí)例

此$http.get獲?。ā?someurl”，[選項(xiàng)]）。Then（successcallback，errorcallback）

注意：發(fā)送請(qǐng)求后，使用Then方法處理響應(yīng)結(jié)果。then方法有兩個(gè)參數(shù)，第一個(gè)參數(shù)是響應(yīng)成功時(shí)的回調(diào)函數(shù)，第二個(gè)參數(shù)是響應(yīng)失敗時(shí)的回調(diào)函數(shù)。

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

首先，在您創(chuàng)建的public方法的文件中創(chuàng)建一個(gè)新方法HttpUtil.js文件文件。以下是總結(jié)HttpUtil.js文件內(nèi)容：VAR Axios=require（“Axios”）//配置項(xiàng)根，例如路徑VAR root=“http://localhost：8090/manage“//Axios請(qǐng)求函數(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)用接口，導(dǎo)出默認(rèn)值{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）}