完美解决springboot vue的虚拟路径问题

在Spring Boot应用中使用Vue.js前端，当部署应用程序时，可能会遇到静态资源（如.vue文件、CSS、JS等）的虚拟路径问题。这是因为Spring Boot默认处理的是服务器根目录下的静态资源，而Vue的打包路径通常是相对于项目src目录的。为了解决这个问题，可以采取以下步骤：

1. **配置Spring Boot**:
- 在`application.properties` 或 `application.yml` 中添加对静态资源的映射：

     spring.mvc.static-path-pattern=/static/**

这会告诉Spring Boot将所有以"/static"开头的请求转发到你的静态资源目录。

2. **设置Webpack或Vue CLI**:
- 如果使用Webpack，确保`publicPath`属性指向正确的URL，例如如果生产环境部署地址是`http://your-app.com`, 那么：

     {
       "output": {
         "publicPath": "/"
       }
     }

- 如果使用Vue CLI创建的项目，可以在`vue.config.js`里设置：

     module.exports = {
       publicPath: process.env.NODE_ENV === 'production' ? '/' : '/',
     };

3. **部署配置**:
- 确保你的构建过程能生成正确的部署目录结构。对于Vue项目来说，通常会在dist目录下生成一个包含所有静态资源的文件夹，部署时应将其放置在Spring Boot项目的/static目录下。

4. **刷新浏览器缓存**:
- 首次部署后，浏览器可能还保留着旧的路径引用，需要清空浏览器缓存再访问应用。