flask+vue+ubuntu部署文档

flask+vue+ubuntu部署文档

概述

• 服务器安装python-dev python-virtualenv，配置并激活虚拟环境，安装flask等等，安装nginx、gunicorn，方法自行百度，以下为主要参考资料之一（有一些关键步骤不一样）
• https://www.cnblogs.com/doocool/p/8847288.html

关键步骤

端口开启

• 将要用到的端口开启，本例用的是阿里云ECS，所以要现在阿里云官网对应页面设置安全组添加端口，然后在服务器中firewall-cmd --zone=public --add-port=端口号/tcp --permanent 然后重启服务firewalld，最后firewall-cmd --query-port=端口号/tcp查看端口开启情况。

nginx配置文件

• 按照以上链接将代码配置到/etc/nginx/conf.d/nginx.conf中即使语法检查合格后，并将nginx重启依然无法生效，但是在nginx -t命令中可以发现nginx的源配置文件路径

• 打开该文件，可以发现在http{}模块中一句 include /etc/nginx/sites-enabled/*; 语句，将 * 改为相应的文件名

• 或者是直接在http{}模块中配置，举例来说要在该服务器上配置两个vue前端，公用一个flask后端则按如下配置

#前端配置服务器
server {
    listen 80;  #http端口
    server_name localhost;  #若是在本机就localhost，不然就公网ip或域名，下同

    location  /admin {  #即配置到url：http://ip(域名)/admin 下
        root /home/front/; #设置根目录 即该index.html文件在/home/front/admin目录下
        try_files $uri $uri/ /index.html last;
        index index.html;
    }
    location  /user {
        root /home/front/;
        try_files $uri $uri/ /index.html last;
        index index.html;
    }

    location / {    #声明对应后端的ip以及运行端口
        proxy_pass http://127.0.0.1:8080;
}
}

#后端部署到服务器
server {
    listen 8081;#设置监听端口
    server_name localhost;

    location / {
        proxy_pass http://127.0.0.1:8080;
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}