最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

flask和vue前后端分離項目部署的示例代碼

 更新時間:2021年12月12日 15:37:48   作者:Ben·Chen  
本文主要介紹了flask和vue前后端分離項目部署的示例代碼,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下

前段時間開發(fā)了一個項目, 我后端用的是flask框架寫接口,前端用的是vue框架,項目前后端完全分離,部署的時候遇到一點(diǎn)問題,記錄一下.

部署環(huán)境:centos6.5Python3.6.3 、flask0.12.0 vue

部署方式:uwsgi+nginx

步驟:

? 1.首先安裝python運(yùn)行環(huán)境,正常
? 2.安裝uswsgi運(yùn)行,正常(使用pip安裝,pip install uwsgi):

新建config.ini文件

[uwsgi]

# uwsgi 啟動時所使用的地址與端口,nginx代理的時候需要轉(zhuǎn)發(fā)到該地址
socket = x.x.x.x:xxxx    
#python環(huán)境目錄 
#home = /usr/local/python/bin
#指向網(wǎng)站根目錄
chdir = /root/www
#python項目啟動程序文件
wsgi-file = /root/www/run.py
#python程序內(nèi)用于啟動的application變量名
callable = app
#處理器數(shù)
processes = 3
#線程數(shù)
threads = 3
#狀態(tài)監(jiān)測地址
stats = 127.0.0.1:5000
#設(shè)置uwsgi包解析的內(nèi)部緩存區(qū)大小。默認(rèn)4k
buffer-size = 32768

uwsgi啟動命令:

uwsgi config.ini   #該命令直接啟動
uwsgi -d --ini config.ini  #該命令后臺運(yùn)行,常用

3.安裝nginx,正常,我們是運(yùn)維安裝的,過程不表,請百度一下

問題來了:

? 我們在同時代理vue和flask 的時候,不管怎么折騰,前端都無法訪問到flask的地址

解決辦法:

? 使用了兩個不同 的域名分別代理了vue和flask,vue指向flask的代理域名

user  nginx;
worker_processes  1;

error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

pid        logs/nginx.pid;


events {
    worker_connections  xx;
    use epoll;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;
    server_tokens off;
    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  xx;

    #gzip  on;
        server {
                listen xx;
                server_name  hqfund.com www.hqfund.com;
                return 301 https://$host$request_uri;
  }
 
 server {
  listen 443 ssl;
  server_name   xxx.com1;
         ssl_certificate     /xxxx;
         ssl_certificate_key /xxxx;


  
  location / {
              root /xxxx;
   index index.html index.htm;
  }
 }

    server {
                listen xx;
                server_name  xxx.com2;
                return 301 https://$host$request_uri;
  }
  
 server {
  listen xxx ssl;
  server_name  xxx.com2;
  ssl_certificate     /xxxx;
         ssl_certificate_key /xxxx;
  
  location / {
              include uwsgi_params;
   uwsgi_pass x.x.x.x:xx;
   proxy_http_version 1.1;
   proxy_set_header Upgrade $http_upgrade;
   proxy_set_header Connection "upgrade";
  }
 }
}

到此這篇關(guān)于flask和vue前后端分離項目部署的示例代碼的文章就介紹到這了,更多相關(guān)flask和vue前后端分離內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 解決vue v-for 遍歷循環(huán)時key值報錯的問題

    解決vue v-for 遍歷循環(huán)時key值報錯的問題

    今天小編就為大家分享一篇解決vue v-for 遍歷循環(huán)時key值報錯的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-09-09
  • vue輪播組件實現(xiàn)$children和$parent 附帶好用的gif錄制工具

    vue輪播組件實現(xiàn)$children和$parent 附帶好用的gif錄制工具

    這篇文章主要介紹了vue輪播組件實現(xiàn),$children和$parent,附帶好用的gif錄制工具,需要的朋友可以參考下
    2019-09-09
  • vue生命周期實例小結(jié)

    vue生命周期實例小結(jié)

    這篇文章主要介紹了vue生命周期,結(jié)合實例形式分析了vue.js生命周期相關(guān)原理、步驟、函數(shù)與操作注意事項,需要的朋友可以參考下
    2018-08-08
  • 一文教你解決Vue所有報錯

    一文教你解決Vue所有報錯

    Vue是一個流行的前端框架,許多web開發(fā)人員使用Vue來構(gòu)建他們的應(yīng)用程序。然而,正如任何其他框架一樣,Vue也可能會發(fā)生錯誤。在這篇技術(shù)文章中,我們將探討Vue常見的報錯以及如何解決它們
    2023-03-03
  • vue實現(xiàn)將一個數(shù)組內(nèi)的相同數(shù)據(jù)進(jìn)行合并

    vue實現(xiàn)將一個數(shù)組內(nèi)的相同數(shù)據(jù)進(jìn)行合并

    今天小編就為大家分享一篇vue實現(xiàn)將一個數(shù)組內(nèi)的相同數(shù)據(jù)進(jìn)行合并,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-11-11
  • vue-cli3 熱更新配置操作

    vue-cli3 熱更新配置操作

    這篇文章主要介紹了vue-cli3 熱更新配置操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-09-09
  • vue教程之toast彈框全局調(diào)用示例詳解

    vue教程之toast彈框全局調(diào)用示例詳解

    這篇文章主要為大家詳細(xì)介紹了vue教程之toast彈框全局調(diào)用示例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-08-08
  • Ant?Design?Vue?Pagination分頁組件的封裝與使用

    Ant?Design?Vue?Pagination分頁組件的封裝與使用

    這篇文章主要介紹了Ant?Design?Vue?Pagination分頁組件的封裝與使用方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-04-04
  • vue-cli3腳手架的配置及使用教程

    vue-cli3腳手架的配置及使用教程

    這Vue CLI 是一個基于 Vue.js 進(jìn)行快速開發(fā)的完整系統(tǒng)。篇文章主要介紹了vue-cli3腳手架的配置以及使用,需要的朋友可以參考下
    2018-08-08
  • vue中使用極驗驗證碼的方法(附demo)

    vue中使用極驗驗證碼的方法(附demo)

    這篇文章主要介紹了vue中使用極驗驗證碼的方法(附demo)本文通過實例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-12-12

最新評論

门源| 张家界市| 余干县| 五大连池市| 吴忠市| 西充县| 荆门市| 三门县| 漠河县| 潼南县| 西畴县| 兰考县| 泰宁县| 开平市| 桃园县| 和田县| 澎湖县| 西峡县| 乳源| 株洲县| 安塞县| 嫩江县| 玛曲县| 张家界市| 湖口县| 沅陵县| 来凤县| 东丰县| 贵州省| 萝北县| 天津市| 新宁县| 二手房| 桂林市| 福建省| 虎林市| 镇江市| 汾阳市| 上饶市| 沿河| 绥滨县|