Vue.js 如何在vue js中从url中删除hasbang

我想从vue js中的url中删除hashbang 我正在努力 模式：'历史'， 哈什邦：错， 历史：没错， linkActiveClass:“活动”，

---

但在初始化Vue路由器时，url中仍会出现哈希，这是使其正常工作的最低代码：

const router = new Router({
  mode: 'history'
})

然后，您需要在创建时将路由器实例（

router

此处）传递给您的Vue实例：

new Vue({
  el: '#app',
  components: { App },
  template: `<App/>`,
  router
})

如果您可以共享一些代码，那么我们将为您提供更多帮助

---

现在，您还可以检查一个小的（注意浏览器URL中的路由如何更改为

/foo

，然后更改为

/bar

，而不使用哈希）。

如果您使用的是

Vue v3

和

Vue router v4

，router.js中的这一行帮助我从URL中删除了哈希标记：

const router=createRouter({
历史记录：createWebHistory（process.env.BASE_URL），
路线
})

对于那些使用Quasar框架的人，可以转到

Quasar.conf.js

---

搜索

build

属性，然后设置

vueRouterMode:“history”

模式：“history”

应该可以工作。将其更改为

或使用组件应该可以正常工作。如果不查看代码，就很难知道出了什么问题。请用一些代码示例完成您的问题，vuejs和vue路由器配置，很高兴听到！很高兴能帮上忙

const router = new Router({
  mode: 'history',
  routes: [...]
})