问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

(转载)vue-router路由使用 history 模式时,后端SpringBoot如何配置

发布网友 发布时间:2022-12-17 04:04

我来回答

1个回答

热心网友 时间:2023-09-13 23:37

当我们使用Vue开发时,一般会用到vue-router来作为前端路由,实现单页应用。vue-router提供了两种模式模拟一个完整的 URL:hash模式和history模式。

hash模式:使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。

//查看id为1的文章

http://localhost:8888/#/view/1

history模式:URL 就像正常的 url,比较好看。

//查看id为1的文章

http://localhost:8888/view/1

vue-router默认是使用hash模式的,不需要额外的配置,如果我们想使用history模式该如何配置呢?

1 前端:vue-router的mode: ‘history’

constrouter =newVueRouter({

mode:'history',

routes: [ ... ]

})

2 后端:我是使用SpringBoot,要在服务端增加一个覆盖所有情况的候选资源:如果 URL 匹配不到任何静态资源,则应该返回同一个 index.html 页面,这个页面就是你 app 依赖的页面。 详细看vue-router的官方文档 。

SpringBoot默认匹配不到URL时,会返回一个默认的页面,所以可以配置一下默认的配置Bean。

@SpringBootApplication

public class BlogApiApplication {

public static void main (String[] args){

SpringApplication app = new SpringApplication(BlogApiApplication.class);

        app.run(args);

    }

@Bean

public EmbeddedServletContainerCustomizer containerCustomizer (){

return new EmbeddedServletContainerCustomizer() {

@Override

public void customize (ConfigurableEmbeddedServletContainer container){

ErrorPage error404Page = new ErrorPage(HttpStatus.NOT_FOUND,"/index.html");

                container.addErrorPages(error404Page);

            }

        };

    }

}

这样就可以使用history模式了。
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
灵显的意思是什么 安国药王庙结构 显灵宫建筑构造 煤炭储量储量计算 大容量塑料水杯可以用开水烫吗 大容量塑料水杯能不能用开水烫 辽宁朝阳一日游去哪里比较好 ...电脑打开后出现一个对话框影响正常开机不知道怎样解决 哪些可以关掉,这些英文是什么意思? 企业应对网络舆情攻略:10个危机公关应对策略,有效解决 兔宝宝石氏名字寓意好字 城市拆迁与户口有关系吗 交通事故赔偿需要哪些证明材料? 运动的时候没事躺着或者坐着时间久了心脏或者胸口就痛 交通事故赔偿应提供什么证明 晚上平躺睡时间长了胸口胸骨疼痛,翻身都疼是什么原因 撞车后理赔需要出示什么证明 上海伯爵在哪里可以处理表面裂痕? 上海伯爵官方服务中心在什么地方?手表不走咋办? 青海料冰底是老料吗 黄口手串冰底是怎么回事 南京有两套房还能申请公积金贷款吗 象师机为什么还要拍照再做题目是不是上面的人都能看到? 拖拉机驾驶证如何查询真伪 中国风格的房子应该如何装修 你好,我是在校大学生,想去韩国看场演唱会,所以要自由旅行,需要办签证 上大学,经常出去玩,买保险实用吗 一个圆圈一个头是什么软件的图标 微信好友发出的语音助手是咋回事 励志文章:你以为富二代就不努力 你不努力,谁也给不了你想要的生活励志文章 拆迁与户口有关系吗 三四岁小孩晚上睡觉磨牙是怎么回事? cf怎么快速刷交易箱子 cf快速刷交易箱子方法 容易怀孕的人体质好吗 在合肥与京东方光电科技有限公司一样的待遇的公司有那些? 爱看4g为什么没了cctv5和cctv5 怀孕女教师穿孕妇装被家长举报,你支持哪一方? 怀孕几周就要穿孕妇装?你怎么看? 合金筷子能蒸吗 德邦快递员怎么找客户发货 oppok9s手机参数配置 影驰730虎将1gb和影驰710冰鳞2gb哪个好 我手机收到的信息是建行发来的怎么回事? 水果含糖,吃多了会长胖吗? 大地靠什么导电? 大地如何导电 如果说金属导电靠自由移动的电子,溶液导电靠自由移动的正负离子,那么大地导电靠什么? 05年大众高尔夫报废多少钱 05年的别克君越报废给多少钱 05年现代伊兰特报废多少钱