vue2.0 路由模式mode="history"的作用
程序员文章站
2022-06-08 23:25:50
特别提醒:开启mode="history"模式,需要服务端的支持,因为出现“刷新页面报错404”的问题;
大家都知道,路由地址都是以"#"形式展示,但是有些时候,我们又希...
特别提醒:开启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路由history模式解决404问题的几种方法
-
详解Vue路由History mode模式中页面无法渲染的原因及解决
-
VUE的history模式下除了index外其他路由404报错解决办法
-
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
-
vue在history的路由模式下,刷新后界面报404
-
vue2.0 路由模式mode="history"的作用
-
vue-router模式为history的项目打包发布后不能通过地址栏里的地址进行路由跳转
-
Vue路由history模式解决404问题的几种方法
-
vue路由在history模式下刷新时渲染页面无反映的处理方法