我想在Vue.js中从URL中移除哈希标记。
我正在尝试
mode:'history',
hashbang:false,
history:true,
linkActiveClass:“active”,
但仍然在URL中得到哈希标记。
当初始化您的Vue路由器时,以下是使其正常工作的最基本代码:
const router = new Router({
mode: 'history'
})
然后你需要将路由器实例(这里是router
)在创建Vue实例时传递:
new Vue({
el: '#app',
components: { App },
template: `<App/>`,
router
})
仅凭此设置,vue-router
应该已经可以在历史模式下工作。但是,您很可能还希望向路由器实例添加路由:
const router = new Router({
mode: 'history',
routes: [...]
})
Vue v3
和vue-router v4
,则在router.js中的此行帮助我从url中删除了井号:const router = createRouter({
history: createWebHistory(process.env.BASE_URL),
routes
})
mode: "history"
应该可以工作。 - Sajib Khan<a href="/relativepath">Click</a>
或使用 router-link 组件应该可以正常工作。 - Riddhi