前后端分离(Vue+SpringBoot)项目部署云服务器

前后端分离项目部署到云服务器的步骤大致如下：

1. 本地构建前端Vue项目：

   在Vue项目根目录下运行构建命令：

   
   
   
   npm run build

   构建完成后，会生成一个dist目录，里面包含了前端的静态文件。

2. 打包后端Spring Boot项目：

   使用Maven或Gradle打包你的Spring Boot项目：

   
   
   
   mvn clean package

   或

   
   
   
   gradlew build

   打包完成后，会生成一个jar或war文件。

3. 云服务器配置：

   购买云服务器，如AWS EC2, Azure VM, 腾讯云CVM等，并配置安全组，开放必要的端口（如HTTP 80/HTTPS 443, SSH 22等）。

4. 上传文件到服务器：

   使用SCP或FTP工具将前端的dist目录和后端的jar/war文件上传到服务器。

5. 部署后端应用：

   通过SSH连接到服务器，运行Spring Boot应用：

   
   
   
   java -jar your-application.jar

   或者使用nohup或screen使应用在后台运行：

   
   
   
   nohup java -jar your-application.jar &

6. 部署前端应用：

   将前端静态文件部署在服务器的web服务器上，如Nginx。假设你的服务器IP是1.2.3.4，编辑Nginx配置文件（通常位于/etc/nginx/sites-available/default），将静态文件指向/path/to/dist目录：

   
   
   
   server {
       listen 80;
       server_name 1.2.3.4;
    
       location / {
           root /path/to/dist;
           try_files $uri $uri/ /index.html;
       }
    
       location /api/ {
           proxy_pass http://1.2.3.4: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;
       }
   }

   然后重启Nginx：

   
   
   
   sudo systemctl restart nginx

7. 配置域名：

   购买域名，并在域名管理平台配置CNAME记录，指向你的云服务器IP。

8. 测试：

   在浏览器中输入你的域名，测试前后端分离应用是否能正常访问。

注意：

• 确保服务器的安全组或防火墙规则正确设置，只对必要的端口开放。
• 为了安全起见，不要直接使用root用户SSH登录服务器，创建一个新用户并使用SSH密钥认证。
• 在部署时，确保后端应用配置了正确的数据库连接字符串和其他外部服务的访问参数。
• 如果使用了数据库，确保数据库服务在云服务器上运行，并且从应用服务器可访问。
• 在部署前确保已经处理好前端代码中的环境变量，比如API端点，以匹配云服务器的实际IP或域名。