如何部署vue+flask生產(chǎn)環(huán)境-創(chuàng)新互聯(lián)

如何部署vue+flask生產(chǎn)環(huán)境？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

超過十余年行業(yè)經(jīng)驗(yàn)，技術(shù)領(lǐng)先，服務(wù)至上的經(jīng)營模式，全靠網(wǎng)絡(luò)和口碑獲得客戶，為自己降低成本，也就是為客戶降低成本。到目前業(yè)務(wù)范圍包括了：做網(wǎng)站、成都做網(wǎng)站，成都網(wǎng)站推廣，成都網(wǎng)站優(yōu)化，整體網(wǎng)絡(luò)托管，小程序開發(fā)，微信開發(fā)，成都App定制開發(fā)，同時(shí)也可以讓客戶的網(wǎng)站和網(wǎng)絡(luò)營銷和我們一樣獲得訂單和生意！

1、整體架構(gòu)

前后端分離架構(gòu)，部署在同一臺(tái)物理服務(wù)器上，使用前端路由，前后端通過json數(shù)據(jù)通信，前端通過axios訪問后端api，需要解決跨域訪問問題。

2、前端部署

我使用的是@vue/cli 4.x，直接npm run build后，將dist文件夾中的內(nèi)容放在nginx服務(wù)器的html文件夾中，配置nginx服務(wù)器404頁面指向前端主頁index.html。

3、flask部署

flask生產(chǎn)環(huán)境部署需要uwsgi程序，pip install uwsgi可安裝此程序。配置好uwsgi.ini文件，使用ini文件啟動(dòng)uwsgi。

首先解決跨域問題，將前端訪問后端的api都加上/api前綴，在nginx中配置rewrite規(guī)則，將/api及之前的部分整體替換成要訪問的ip和端口地址。

然后配置nginx服務(wù)器第二個(gè)端口（假設(shè)前端文件占用的是第一個(gè)端口），即上述/api改寫后指向的端口，將此端口指向uwsgi代理的地址，即完成配置。

4、注意事項(xiàng)

注意vue.config.js中的devserver設(shè)置不會(huì)在生產(chǎn)環(huán)境中生效

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，的支持。

當(dāng)前文章：如何部署vue+flask生產(chǎn)環(huán)境-創(chuàng)新互聯(lián)
當(dāng)前路徑：http://bm7419.com/article44/ijcee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、網(wǎng)站制作、響應(yīng)式網(wǎng)站、網(wǎng)站設(shè)計(jì)、外貿(mào)建站、動(dòng)態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)