提示信息

vue项目,去掉url中的#

银灰色 已关注

在 Vue 项目中,URL 中的 "#" 符号由 Vue Router 在默认情况下使用的哈希模式(hash mode)引入的。如果你想去掉 URL 中的 "#",你可以将 Vue Router 的模式设置为历史模式(history mode)。

以下是如何在 Vue Router 中启用历史模式的示例:

  1. import { createRouter, createWebHistory } from 'vue-router'
  2. const router = createRouter({
  3. history: createWebHistory(process.env.BASE_URL),
  4. routes
  5. })
  6. export default router

上述代码中 createWebHistory() 创建了一个历史模式的路由器,而不是哈希模式的。

请注意,当使用历史模式时,你的服务器必须被正确配置,以便所有未知 URL 都能够回退到你的应用。否则,当用户直接访问非根 URL 或刷新页面时,他们可能会看到 404 错误。

    遇到难题? "AI大模型GPT4.0、GPT" 是你的私人解答专家! 点击按钮去提问......
银灰色 关注 已关注

最近一次登录:2023-12-11 13:03:01   

暂时还没有签名,请关注我或评论我的文章
×
免费图表工具,画流程图、架构图