前端:

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