打包部署若依SpringBoot后端和Vue前端

为了打包并部署前后端分离的SpringBoot和Vue项目，你可以遵循以下步骤：

1. 确保你的Vue项目已经构建生成dist目录，这个目录包含了编译后的前端资源。
2. 修改SpringBoot的application.properties或application.yml文件，设置静态资源的映射路径，通常是为了能够访问Vue打包后的dist目录。
3. 构建SpringBoot项目，生成可执行的jar或war包。
4. 将构建好的前端静态资源复制到SpringBoot项目中的指定静态资源目录下（通常是src/main/resources/static或src/main/resources/public）。
5. 部署SpringBoot项目到服务器，并确保服务器能够正常运行jar或war包。
6. 配置服务器的反向代理，确保对应Vue的路径（通常是/）能够正确地代理到静态资源目录。

以下是相关的示例配置和命令：

Vue项目构建命令:

cd your-vue-project
npm run build

SpringBoot项目构建命令:

cd your-springboot-project
mvn clean package

application.properties中设置静态资源映射:

spring.resources.static-locations=file:./static/

复制静态资源到SpringBoot项目:

cp -r your-vue-project/dist/* your-springboot-project/src/main/resources/static/

部署SpringBoot项目到服务器:

# 上传构建好的jar包到服务器
scp your-springboot-project/target/your-app.jar user@server-ip:/path/to/your/app.jar
 
# 在服务器上运行jar包
ssh user@server-ip java -jar /path/to/your/app.jar

服务器配置反向代理（以Nginx为例）:

server {
    listen 80;
    server_name your-domain.com;
 
    location / {
        proxy_pass http://localhost:8080; # SpringBoot应用运行的端口
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
 
    location /static/ {
        root /path/to/your/static/resources;
        expires 30d;
        add_header Cache-Control "public";
    }
}

以上步骤和配置是一个基本的部署流程，具体实施时可能需要根据你的项目和服务器环境进行调整。