vue项目,去掉url中的#
在 Vue 项目中,URL 中的 "#" 符号由 Vue Router 在默认情况下使用的哈希模式(hash mode)引入的。如果你想去掉 URL 中的 "#",你可以将 Vue Router 的模式设置为历史模式(history mode)。
以下是如何在 Vue Router 中启用历史模式的示例:
import { createRouter, createWebHistory } from 'vue-router'
const router = createRouter({
history: createWebHistory(process.env.BASE_URL),
routes
})
export default router
上述代码中 createWebHistory()
创建了一个历史模式的路由器,而不是哈希模式的。
请注意,当使用历史模式时,你的服务器必须被正确配置,以便所有未知 URL 都能够回退到你的应用。否则,当用户直接访问非根 URL 或刷新页面时,他们可能会看到 404 错误。