在 Spring MVC 中部署路由为history模式的vue项目

为了处理 Vue.js 的 History 模式,需要在 Spring MVC 中配置一个控制器来转发所有的非 API 请求到 index.html。这样,前端路由可以接管 URL 并正确显示 Vue.js 组件。

创建一个控制器(例如 ForwardingController)来处理所有的前端路由:

java 复制代码
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class ForwardingController {

    @GetMapping("/**/{path:[^\\.]*}")
    public String forward() {
        // 将所有匹配的请求转发到 /index.html
        return "forward:/index.html";
    }
}

在这个控制器中,/**/{path:[^\.]*} 是一个路径匹配模式,它匹配所有的路径(不包含点 ., 因为点通常用于文件扩展名)。这确保了 Vue.js 的 History 模式可以正确处理路由。

相关推荐
呆子小木心13 小时前
Vue2或Vue3项目引用百度地图
javascript·vue.js·typescript·前端框架·html5
爱敲代码的小鱼13 小时前
web后端开发SpringBootWeb的入门:
java·spring boot·spring
那我掉的头发算什么14 小时前
【SpringBoot】统一功能处理详解
java·spring boot·后端·spring
rlpp14 小时前
spring.profiles.active和spring.profiles.include的使用及区别说明
java·后端·spring
UI设计兰亭妙微15 小时前
资金运营管理监控系统交互设计、UI设计及VUE开发
vue.js·ui·交互
王子肥波15 小时前
🚀 TabTab Admin:一款现代化的 Vue 3 后台管理系统模板
vue.js
白开水丶16 小时前
vue3源码学习(五)ref 、toRef、toRefs、proxyRefs 源码学习
前端·vue.js·学习
不想秃头的程序员17 小时前
Vue3 子传父全解析:从基础用法到实战避坑
前端·vue.js·面试
MX_935917 小时前
Spring xml 方式整合第三方框架总结加案例
xml·java·spring
该叫啥18 小时前
Spring Bean 生命周期
java·spring·servlet