如何通过Spring Rest Controller跳转Vue模板？解决刷新/login报错问题

这个问题的核心原因很明确：你使用了Vue Router的history模式，日常页面导航时路由是由Vue在浏览器端处理的，但刷新页面时，浏览器会直接向Spring后端发送GET请求到/login，而你的AuthController只配置了@PostMapping("/login")来处理登录的POST请求，没有对应的GET处理逻辑，所以后端返回405 Method Not Allowed错误。

下面给你两种解决方案，推荐第一种通用方案：

方案一：配置Spring Boot转发所有前端路由请求到Vue的index.html #

这种方案能一次性解决所有前端路由刷新的问题，不仅是/login，其他比如/home、/user等路径刷新也不会出错。

创建一个新的Spring控制器，专门处理所有非API的GET请求，将它们转发到Vue的index.html（前提是你已经把Vue打包后的静态文件放在Spring Boot的src/main/resources/static目录下）：

@Controller
class FrontendForwardController {
    // 匹配所有不以/api开头的GET请求，避免影响你的API接口
    @GetMapping(value = ["/{path:(?!api).*}"])
    fun forwardToIndex(): String {
        return "forward:/index.html"
    }
}

当用户刷新任意前端路由路径时，后端会返回Vue的index.html，然后Vue Router会接管这个URL，自动渲染对应的组件（比如/login对应的SignIn组件）。

方案二：单独处理/login的GET请求（临时方案） #

如果只想快速解决/login的刷新问题，也可以直接在你的AuthController里添加一个GET映射：

@RestController
@RequestMapping
class AuthController {
    // ... 保留你原有的Autowired和POST /login方法
    
    @GetMapping("/login")
    fun getLoginPage(): String {
        return "forward:/index.html"
    }
}

不过这个方案只针对/login有效，其他前端路由刷新还是会出现同样的405问题，所以更推荐方案一。

额外注意事项 #

1. 如果你的API接口没有统一前缀，建议给所有API加上/api前缀（比如把/login改成/api/login），这样在转发规则里可以精准排除API请求，避免接口被错误转发到index.html。
2. 确保Vue项目打包后，index.html和所有静态资源（js、css、img等）都正确放置在Spring Boot的src/main/resources/static目录下，Spring默认会从这个目录加载静态资源。

内容的提问来源于stack exchange，提问作者Maksym Rybalkin