天天看點

Python中le-3怎麼表述_vue+Python的web,前後端互動

前言

有朋友問到在web中vue和Python是怎麼互動的,我這裡大概就寫一寫了,雖然可能表述不太規範,但希望能夠幫到大家。

我用到的Python的flask架構和vue來互相配合來做的web,這裡我先說說Python的flask架構

Python的flask

Python的flask架構是一種輕量級的web架構,适合用于輕量級的web應用,而且簡單好學。

首先是安裝flask架構,在指令行中輸入

pip install flask
           

在這裡建立一個run.py 檔案,然後通過Python引入flask架構

from 
           

這個就是一個簡單的服務寫好的,這裡隻需要在指令行中 python run.py 就可以啟動了

當然這是一個簡單的服務,如果在項目中,你會有n多個接口,當然也不能寫在這一個檔案,是以就可以用到另外一個架構bluePrint

bluePrint 我的了解是,他是一個Python的接口管理工具,說白了就是将多個接口分類管理,如登陸、注冊的接口放在一個py檔案裡,将擷取資料清單放在一個py檔案裡。。。。。。對就是這個意思。這樣可以減輕服務端的壓力。

這是我看的一個BluePrint的一個解釋https://www.cnblogs.com/wf-skylark/p/9306789.html 你們可以先了解一下,我有空了,分享一下Blueprint具體如何來布, 哈哈哈。

前端vue的配置

在這裡如果你用的vue-cli建立的項目的話,在config的檔案目錄下的index.js檔案中,中的ProxyTable中配置。

Python中le-3怎麼表述_vue+Python的web,前後端互動
Python中le-3怎麼表述_vue+Python的web,前後端互動

當然這個是沒有配好的

Python中le-3怎麼表述_vue+Python的web,前後端互動

這個是配好的

這裡target: 就是後端服務的位址加端口号,剛才說過了,後端是0.0.0.0, 那麼這裡千萬不能寫0.0.0.0, 應該寫的是後端服務自己所在的位址,

changeOrigin: true, 表示可跨域的

這裡webpack算是配完了,然後看看具體前端接口的寫法,如果你安裝的是axios,

axios的安裝和引入就不多說了,直接看接口

getdata
           

這裡前後端互動就算寫完了, 如果有問題望指正。

哈哈,寫的不好 就這樣了

繼續閱讀