前端:
1.修改axios请求接口地址,vue项目打包
2.生成的dist文件放在服务器的跟跟目录下
3.软件商店-nginx-设置,配置修改
server
{
listen 888;//端口,注意:在宝塔-安全里面放行888端口,在云服务 实例-更多-网络和安全组-安全组配置-入方向中手动添加888端口
server_name 服务器ID地址;
index index.html index.htm index.php;
root /www/wwwroot/vue-01; //前端项目的跟目录
error_page 404 /index.html;//解决页面刷新报404错误
}
后端:
1.修改后端连接数据库的地址
host:服务器ip
user,password:数据库的名字和密码
port:默认数据库的端口
database:数据库表的名字
2.服务器跟目录,新建文件python,把后端代码放进去
注意:新建空白文件,命名:requirements.txt,否则之后添加项目时,报无该文件,添加不成功
temp.py为后端接口文件(我的就一个文件,功能少,测试用)
2.软件商店-python项目管理器-添加项目
项目名称:随意
项目路径:服务器跟目录下,python代码路径
端口:随意,但需放行该端口,并在安全组入方向手动添加上
启动方式:gunicorn
模块:手动安装的,我的项目中用到的是 Flask,Flask-Cors,PyMySQL
数据库:
宝塔-数据库-添加数据库
数据库名,用户名都写你的数据库表名就行,密码数据库的密码
root密码要重新修改一下(就是上面python文件里面连接数据的密码)
权限:改为所有人
phpmyadmin管理数据库,可再里面修改root的访问权限,修改为%,避免无法访问,报1045的错
总结:部署时可反向操作,数据库-后端-前端,数据库部署好之后,1)启动前端项目,后端连接数据库的host改为服务器ip,端口,用户名,密码,表名,进行测试数据库是否部署好及后端参数是否配置成功;2)测试成功后,部署后端,前端请求接口的ip改为服务器的ip及后端的端口,测试后端是否部署成功;3)前端部署,访问服务ip+nginx的端口(默认888),测试是否成功
其他要点:
1.安装所需软件,宝塔终端,MYSQL,python项目管理器,Nginx,phpmyadmin(管理数据库)
2.所有端口需要放行和添加安全组
3.部署好,先测试,一步一步来
更多推荐
阿里云部署前端VUE,后端python,数据库mysql
发布评论