【全栈项目】大事件部署上线——宝塔部署方式

配置思路

第一步：开通云服务器，完成宝塔面板的安装

安装云服务器

        直接去阿里云、腾讯云等大厂商都有提供，学习用的话一般2核2G就够了，预算不够1核也没问题。因为我有阿里云的优惠卷，所有果断白嫖三个月服务器。开服务器的过程很简单，选好配置，然后预装一个操作系统【推荐：centos】

安装宝塔面板

搞定云服务器后，点击远程连接进入终端，安装宝塔：

连接：没密码的去设置一个

执行安装宝塔的命令：之后你会得到宝塔的初始化信息

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

访问宝塔网站，第一次用宝塔可以先注册一个账号

登录账号

进入宝塔管理面板：

第二步：安装并测试各种软件，开放常见应用程序端口

下载软件

放行宝塔安全组端口 

放行阿里云服务器安全组端口 

MySQL部署测试

配置mysql信息

导入sql文件 

 远程测试

 错误排除

1. MySQL服务启动没有

2. 80端口放行没有

3.MySQL信息配置正确没有

Redis部署测试

配置Redis信息

将保护模式取消，由于Redis默认开启保护模式，防止外网访问，你测试外网连通性的时候可以调成no

守护进程启动，即后台不阻塞启动

测试Redis

错误排除

1.  Redis服务启动没

2. Redis的6379端口放行没

3. 配置文件的保护模式关闭没

第三步：后端工程上线部署

确认生产环境的配置文件

这里需要你修改好你上线生产环境的配置文件内容，我呢是直接修改了dev环境，不那么规范。

Maven打包，拷贝上传

添加Java项目，制定相关配置

没有JDK的下载一个

测试线上环境——postman

第四步：前端工程上线部署 

确认生产环境的配置信息

1. 修改vite.config.js,确保跨域请求可以正确请求到 后端部署的地址

 2. 在运行指令配置中添加 0.0.0.0 ，监听任意端口

npm打包，生产dist文件

执行构建指令

测试项目是否启动

 拷贝上传宝塔

添加php项目，指定相应配置 

添加php站点

将前端文件拷贝进项目根目录中

 启动项目，访问IP地址测试项目

（上线刷新404问题解决）

由于该项目前端采取的是vue路由中的 history模式，在进行网页刷新的过程中，会出现网页404的情况。这种情况在history模式下是必然的，但是可以通过修改配置文件的方式去解决，具体操作如下：