Flask后台+umi前端在BT宝塔面板部署的方法 v1.0

1.首先部署后端项目。

安装Python项目管理器

Python项目管理器

安装完成之后，选择python版本进行安装:

python版本

然后就可以添加python项目了:

添加python项目

这里不选择自动安装依赖：

添加python项目

进入SSH，将Flask项目clone到指定的项目路径中:

# 进入SSH
cd /home/root/xxx/
git clone [项目]

管理器默认使用pip安装项目根目录requirements.txt内的模块，如有其他模块需要安装请手动进入虚拟环境安装
进入虚拟环境方法：
在命令行输入 source 项目路径/项目名_venv/bin/activate
例如：source /data/python/project1_venv/bin/activate
在本项目中由于使用了pipenv来管理虚拟环境，所以需要手动安装依赖，也可以使用其他的依赖安装的方法
进入项目的虚拟的环境:

source /home/root/xxx/project1_venv/bin/activate #进入虚拟环境
pip3 install pipenv   #安装pipenv
# 指定--ignore-pipfile参数的意思是，只要恢复Pipfile.lock的列表的依赖库和子依赖库。
pipenv install --ignore-pipfile  #安装依赖
pip3 list # 查看已经安装的依赖列表

然后需要设置gunicorn的配置文件，默认的配置文件在项目路径下gunicorn.conf，可以在Python项目管理器中的配置中打开，相关教程网上有很多，这里可以参考如下:

# gunicorn.conf
# 并行工作进程数，默认 1
workers = 1
# 指定每个进程的线程数， 默认 1
threads = 1
# 监听端口
bind = '0.0.0.0:80'
# 工作模式
worker_class = 'sync'
# 设置最大并发量
worker_connections = 2000
# 超时判断, 单位为 s ， 默认 30
timeout=30
# 设置访问日志和错误信息日志路径
accesslog = '/var/log/gunicorn_acess.log'
errorlog = '/var/log/gunicorn_error.log'
# 设置日志记录水平
loglevel = 'warning'

最后就可以在python项目管理器中启动项目了。

2.部署前端项目，使用Nginx作反向代理

这里前端用了umi，使用:

yarn build

打包项目，注意在打包之前要把后端请求的地址转换成生产服务器。
在宝塔面板中安装Nginx：

Nginx

安装完成之后，添加一个网站，默认为80端口

添加网站

将打包好的前端文件，上传到创建好的网站的根目录
也可以把默认站点设置为www.test.com，直接访问IP地址就可以看到部署好的前端页了

默认站点

最后来配置反向代理，如果你想配置后台服务器，你的Flask服务器开在81端口，
例如请求API时访问111.111.111.111/api，会代理到111.111.111.111:81。
可以进行如下设置:

反向代理

配置完成后需要在配置文件中加上:

rewrite  ^/api/?(.*)$ /$1 break

如果你部署了其他的前端，想做反向代理，也可以按照如上的方法进行配置，但是要注意在打包时前端静态文件的目录一定要正确。
例如你的静态文件的路径原本是111.111.111.111:3000/static，访问3000端口的时候是正常的。但是在进行反向代理之后，111.111.111.111/p1代理到 => 111.111.111.111:3000，如果没有修改配置，静态文件可能会到111.111.111.111/static中去请求，这样就会出现错误。
你需要把静态文件的目录设置为/p1/static，这样静态文件的目录就为111.111.111.111/p1/static，会对应=>111.111.111.111:3000/static。这样才是正确的静态文件目录。