通过宝塔部署Spring Boot+Vue3项目到腾讯云服务器(精确细腻)
部署Spring Boot+Vue3项目到腾讯云服务器的步骤概要如下:
- 准备工作:购买腾讯云服务器,安装宝塔面板,配置服务器基本信息。
- 上传项目:通过宝塔面板上传Spring Boot和Vue3项目到服务器。
- 安装环境:在服务器上安装Java环境、Maven、Node.js等。
- 构建项目:分别在Spring Boot和Vue3项目目录下执行构建命令。
- 部署应用:将构建好的Spring Boot应用和Vue3静态文件部署到服务器。
- 配置Nginx:设置Nginx反向代理,将Vue3前端代理到静态文件,Spring Boot后端代理到应用。
- 安全设置:配置安全组规则、防火墙规则等。
- 访问应用:通过公网IP访问部署好的应用。
以下是部分关键步骤的示例代码:
# 安装Java环境
sudo apt update
sudo apt install openjdk-11-jdk
# 安装Maven
sudo apt install maven
# 安装Node.js
curl -sL https://deb.nodesource.com/setup_16.x | sudo -E bash -
sudo apt-get install -y nodejs
# 构建Spring Boot项目
cd your-spring-boot-project
mvn clean package
# 构建Vue3项目
cd your-vue3-project
npm install
npm run build
# 配置Nginx
sudo bash -c 'cat > /etc/nginx/conf.d/your-app.conf' <<'EOF'
server {
listen 80;
server_name your_domain_or_IP;
location / {
root /path/to/vue3-build-dir;
try_files $uri $uri/ /index.html;
}
location /api/ {
proxy_pass http://127.0.0.1:8080; # 假设Spring Boot应用运行在8080端口
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
EOF
# 重载Nginx配置
sudo nginx -t
sudo systemctl reload nginx
请注意,这些命令和配置仅供参考,具体情况可能因环境和需求有所不同。在实际部署时,请根据项目具体情况调整命令和配置。
评论已关闭