当前位置: 首页 > 编程笔记 >

Vue Router去掉url中默认的锚点#

冯元魁
2023-03-14
本文向大家介绍Vue Router去掉url中默认的锚点#,包括了Vue Router去掉url中默认的锚点#的使用技巧和注意事项,需要的朋友参考一下

hash模式url

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

如果不想要这种默认的hash模式,可以用路由的history模式,这种模式充分的利用history.pushState API来完成URL跳转而无需重新加载页面。

index.js

Vue.use(Router)
export default new Router({
 mode: 'history',
 routes: [
 {
  path:"/xxx",
  name:"xxx",
  component: Xxx,
 }
]
})

history模式

修改之后url就变成了正常的url

总结

以上所述是小编给大家介绍的Vue Router去掉url中默认的锚点#,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 我试过,但不行。下面是我的代码: null null 它在这里起作用,但对我的VS代码不起作用。这是窃听器吗?

  • 这个正则是一点都学不来啊,怎么去点htpps://和htpp://www呢? http://www.yoikou.com https://lcp.txmee.com

  • 我已经这样配置了我的axios 在我的组件中,我作为 现在,上面的方法可以工作了,但是我想在不影响全局基本URL的情况下更改,这样在我的组件中,我就可以在没有APIendpoint的情况下简单地使用它 我已经试过了 我该怎么办?

  • 我在我的springBoot应用程序中添加了H2DB,用于单元测试目的。 应用中测试。我刚刚添加的属性: Spring数据源。名称=h2db spring.h2.console.enabled=true 它工作正常,节省了价值。 但它是如何工作的,我如何浏览这个数据库?

  • 问题内容: 假设我有一个锚标记,例如 如何防止浏览器导航到 AngularJS中的 #? 问题答案: 更新 :此后,我改变了主意。经过更多的开发和花时间进行此工作之后,我相信针对此问题的更好解决方案是执行以下操作: 然后更新您的规则,使其具有附加规则: 它更加简单,并提供完全相同的功能,并且效率更高。希望对将来寻找该解决方案的其他人有所帮助。 以下是我以前的解决方案,仅出于遗留目的而留在这里: 如

  • 本文向大家介绍Cocos2d-x学习笔记之CCScene、CCLayer、CCSprite的默认坐标和默认锚点实验,包括了Cocos2d-x学习笔记之CCScene、CCLayer、CCSprite的默认坐标和默认锚点实验的使用技巧和注意事项,需要的朋友参考一下 结论:实践证明这三个东西的默认坐标都是0,0 默认锚点都是0.5,0.5。 这里有一点非常值得注意,就是函数ignoreAchorPoi