【学习笔记之vue】vue项目放在springboot项目里后，刷新页面会显示whitelabel error page

vue项目放在springboot项目里后，刷新页面会显示whitelabel error page。

解决方案:
当你在Spring Boot项目中嵌入Vue项目，并且刷新页面时遇到了“Whitelabel Error Page”，这通常意味着Spring Boot后端没有正确地处理前端路由的请求。Vue.js是一个前端框架，它使用客户端路由，而Spring Boot是一个后端框架，它通常处理服务器端的路由。

这里有几个可能的原因和解决方案：

1. 后端路由配置：

   • 确保Spring Boot控制器正确地处理了所有必要的路由。
   • 如果Vue.js是单页应用（SPA），你可能需要配置一个通配符路由（例如，@RequestMapping("/{path:[^\\.]*}")）来捕获所有未匹配的路由，并返回Vue的index.html。这样，即使刷新页面，Vue路由器也可以接管并正确显示页面。

2. 前端路由模式：（首选方案）

   • Vue.js默认使用history模式进行路由，这可能会导致刷新页面时出现问题。你可以尝试将路由模式更改为hash模式，这样即使刷新页面，URL中的哈希部分也会保持不变，Vue路由器可以正确解析。
   • 在V