vue2.0 路由模式mode=history的作用

江南的古屋主要以青砖为材料,砖与砖的缝隙里挤挤挨挨地塞满了苔藓与野草,几根木制的横梁点缀其间。

特别提醒:开启mode="history"模式,需要服务端的支持,因为出现“刷新页面报错404”的问题;

大家都知道,路由地址都是以"#"形式展示,但是有些时候,我们又希望路由地址中不出现"#",那怎么办呢?

vue给我们提供了一个属性mode="history";代码如下

const router = new Router({
 mode: 'history', // 去掉路由地址的#
 routes: [
 {
 path: '/', // 默认进入路由[写在第一个]
 redirect: '/home' //重定向
 },
 {
 path: '/login',
 name: 'login',
 component: LoginPage
 },
 {
 path: '**', // 错误路由[写在最后一个]
 redirect: '/home' //重定向
 }
 ]
});

总结

以上所述是小编给大家介绍的vue2.0 路由模式mode="history"的作用 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

本文vue2.0 路由模式mode=history的作用到此结束。自己付出了,就不要后悔失去了那份感情,没有一个人一生只谈恋爱不做其他事情,也许就在你转身的时候,她离开了你,这样的事情是无法避免的,每天都在发生。不要相信那些爱情小说,因为我们是生活在现实中,而不是童话里,没有谁会等谁一辈子。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
vue 父组件通过v-model接收子组件的值的代码

vue3如何实现v-model原理详解

Vue v-model组件封装(类似弹窗组件)

详解vue中v-model和v-bind绑定数据的异同

详解vue v-model