5bei.cn大模型教程网本章就主要讲解以下打包项目到云服务器的步骤，讲解的内容主要就是关于一个demo小项目打包到云服务器上启动运行
注：再部署项目前一定要先将防火墙的端口开放，就比如说安装mysql的3306，前端的9912，后端的9913，都得现在Linux云服务器上用命令打开，并且在云平台上的安全组以及防火墙都得开放这些端口
部署服务器的步骤:
后端项目部署到服务器：
1.安装jdk
2.下载MySQL并且用navcat远程连接（方便操作）
3.打包项目:Java命令mvn clean package;Vue命令npm run build,java配置文件application需要将MySQL的地址改成数据库公网ip的地址
4.在本机可以试运行后端，Java -jar jar包名
5.打开防火墙权限，云平台中的防火墙和安全组，linux用fire命令解决，并最后查看开放端口列表
6.查看并修改application配置文件
7.在Linux中生成start.sh【文件中的命令：nohup java -jar PetManager-0.0.1-SNAPSHOT.jar > PetManager.log 2>&1 &】文件，到这个文件夹中./start.sh启动项目 并且会生成serverlog的日志文件，可以查看日志文件了解项目启动成功没
前端项目部署到服务器：
服务器上下载nginx
yum install gcc-c++
yum install -y pcre pcre-devel
yum install -y zlib zlib-devel
yun install -y openssl openssl-devel
以上四个下载对象依次下载
cd /yjt/ –> 切换到tmp目录下，将nginx.tar.zip包下载到yjt
wget http://nginx.org/download/nginx-1.24.0.tar.gz
tar -zxvf nginx-1.24.0.tar.gz
cd /usr/local/
mkdir nginx
cd nginx/
cp -R /yjt/nginx-1.24.0 ./ –>将nginx这个文件拷贝到当前nginx文件下
cd nginx-1.24.0/
./configure –with-http_stub_status_modules –with-http_ssl_module
–#下载这两个模块
make && make install
在/usr/local/nginx/sbin中输入:
./nginx –>启动nginx :默认端口80，用公网IP访问可以得到nginx页面
Nginx就表示安装成功
Vue项目打包并上传到服务器:
1、vue项目利用控制台npm run build打包生成dist文件夹
注：这里前端项目会连接后端的ip以及端口号，本人采用了直接将localhost换成服务器的公网IP在进行打包，这样就可以直接访问到后端的项目
2、在服务器上创建/home/vue3文件，将vue打包文件dist上传到此目录下
3、修改nginx/conf目录下的nginx.conf文件
将这里的路径修改为vue项目的打包文件路径
4、进入/usr/local/nginx/sbin目录下有一个nginx文件
./nginx就可以启动nginx || ./nginx -s reload -> 重启nginx
总结：
总结：前后端项目部署时注意点有以下几点：
- 后端项目再部署以后一定要记得将application文件中的数据库改成云服务器上的数据库IP，并且端口号要记住
- 前端项目部署前要把连接后端本地的localhost改成服务器的公网ip（一般在utils下的request.js文件下）
- 在启动以后一定要查看前后端端口的情况:
netstat -tunlp | grep (前后端的端口号) LISTEN下就是启动的
防火墙的一系列命令：
开放端口号：
sudo firewall-cmd –zone=public –add-port=80/tcp –permanent
sudo firewall-cmd –zone=public –add-port=443/tcp –permanent
开放80和443端口，开放以后一定要记得重启防火墙
sudo firewall-cmd –reload
关闭端口号：
sudo firewall-cmd –zone=public –remove-port=端口号/tcp –permanent
sudo firewall-cmd –reload
查看开放的防火墙端口号：
firewall-cmd –list-ports
文章来源于互联网:SpringBoot前后端分离项目打包到云服务器启动
