Vue router 怎样去掉 # 号前面的字符

bigzs
  • 47

mode history 这个我知道,我问的是hash模式怎么去井号前面的字符.
怎样在修改地址栏回车后,清理没用的字符,比如说#号前面的这些,怎么排除非/的路径呀
图片描述

{
      path: '*',
      component: () => import('../pages/not_found')
    },
    {
      path: '/',
      redirect: '/index',
      component: layout,
      children: [{
        path: '/index',
        component: () => import('../pages/index')
      }]
    },
回复
阅读 10.4k
10 个回答

虽然不知道你这个一堆a是哪儿来的0 - 0但是你可以利用正则去除这些无意义字符然后重定向,唔,重定向

图片描述

修改为 mode: 'history' 就可以了

在主页面价格判断,如果当前地址不是你要的,直接重定向一下就可以了.

if(location.pathname != '/') {
   location.href = '/' + location.hash
}

# 前面那是你文件的名字
图片描述

你用的是hash模式,改为history 模式就行了。

在router生成实例的配置当中有个mode选项

遇到同样问题,楼主,解决了吗?上边回答的都是答非所问

peterjck
  • 2
新手上路,请多包涵

clipboard.png

在index.js中的路由配置中加入mode: 'history', 启用HTML5 history模式即可。楼上回答没问题的。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏