flask+vue+nginx+uwsgi项目部署

最新推荐文章于 2023-07-11 16:03:49 发布

原创

最新推荐文章于 2023-07-11 16:03:49 发布 · 1.2k 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#flask #nginx #vue.js

本文介绍了在一个CentOS7环境中，如何部署Flask+Vue的前后端分离项目。首先，前端使用Nginx进行部署，后端利用uWSGI和Flask。详细阐述了Nginx的配置以及uWSGI的安装和配置过程，最终实现通过服务器的端口和IP访问完整的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.背景

这次部署flask+vue项目在网上找了很多的资料，说实话我当时就特别想吐槽为什么自己部署的都不知道是什么玩意的还要写博客呢，看的我是很头疼。不过最后项目还是部署起来了，所以想着自己写一个这个博客，来帮助有需要的人。有啥不足的或者理解不到位的地方，有请各位大佬提出！

2.项目部署前说明

本次项目采用的技术是前后端分离的部署架构，前段采用vue后端采用flask。

前端部署采用nginx后端采用uwsgi

本次主要讲解部署流程

3.前端部署

nginx下载安装：自己网上找资料，主要就是nginx的配置文件

server {
        listen       8071;通过这个端口访问
        server_name  101.42.104.248;
        #此处是前端的请求
        location / {
            root /home/intelligent_evaluation_of_rock_burst/end_project/front/dist;
            #前段项目的打包路径，打包方式 npm run serve
            index index.html index.htm;#前端文件打包生成的index.html
        }
        #动态请求 这个是后端的请求
        location /api{
          include uwsgi_params;
          uwsgi_pass 127.0.0.1:5000;//后端服务的server
        }

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        error_page 404 /404.html;
        location = /404.html {
        }

        error_pag