spring-boot - 将几乎所有请求重定向到index.html

Question

我正在创建一个 Web 应用程序，我使用 Vue 作为前端，使用 Spring Boot 作为后端。 Spring Boot 在 / 和 /index.html 处提供 index.html，但我希望它也能在其他 URL 处提供，例如 /account >，Vue 的 Router 会检测到它并显示正确的页面。

此外，我还有一些其他 URL，我不想提供 index.html。它们都以 /api 开头，这意味着这是 Vue 应用发送请求的地方。

任何帮助将不胜感激。谢谢。

Answer 1

您想要做的事情称为 SPA(单页应用程序)。为了实现这一目标，您需要做两件事:

1. 告诉vue-router使用HTML5历史推送:https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations
2. 告诉SpringBoot在找不到相关路由时提供index.html。以下是有关如何使用 NoHandlerFoundException 处理程序执行此操作的良好指南:https://medium.com/@kshep92/single-page-applications-with-spring-boot-b64d8d37015d

我必须警告您:当您在步骤 1. 中配置历史记录模式时，单击某些内容，您的 SPA 会看起来已经在工作(没有 # 号)。请注意，这是一种幻觉。 Vue-router 告诉浏览器 url 应该是什么样子，但是当你刷新页面时，服务器会返回 404。你还必须配置第 2 步。