nginx 部署 vue springBoot 实现代码

以下是一个简单的示例代码，展示了如何使用Nginx部署Vue和Spring Boot应用：

1. Vue前端部分：

在Vue项目的`config/index.js`文件中，设置Vue前端的构建输出路径为`dist`目录：

module.exports = {
  // ...
  build: {
    // ...
    assetsRoot: path.resolve(__dirname, '../dist'),
    // ...
  },
  // ...
};

使用命令构建Vue前端项目：

npm run build

将生成的静态文件复制到Nginx的静态文件目录，例如`/var/www/html`：

cp -r dist/* /var/www/html

2. Spring Boot后端部分：

使用Maven或Gradle将Spring Boot项目打包成可执行的jar文件。

上传打包好的jar文件到服务器中的某个目录，例如`/opt/springboot`。

3. Nginx配置部分：

编辑Nginx配置文件`/etc/nginx/nginx.conf`，添加一个新的server配置块：

server {
    listen 80;
    server_name your-domain.com;

    # Vue前端静态文件
    location / {
        root /var/www/html;
        index index.html;
        try_files $uri $uri/ /index.html;
    }

    # Spring Boot后端接口
    location /api {
        proxy_pass http://localhost:8080;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
}

在上述配置中，将Vue前端的静态文件放在根路径`/`下，将Spring Boot后端的接口放在`/api`路径下，并使用`proxy_pass`指令将请求转发到Spring Boot后端的地址和端口。

保存并退出Nginx配置文件后，重新加载Nginx配置：

sudo service nginx reload

4. 启动应用：

启动Spring Boot应用：

java -jar /opt/springboot/your-springboot-app.jar

启动Nginx服务：

sudo service nginx start

通过访问你的域名或服务器IP，即可访问Vue前端应用，并通过`/api`路径访问Spring Boot后端接口。

请注意根据你的实际情况修改以上示例代码中的路径和配置信息。