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

这篇文章主要介绍了vue2.0 路由模式mode="history"的作用,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下

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

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

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

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

总结

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

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/e75969e65c5c4c1770cc2eae1bed145c.html