URL中的/#/是什么?

时间:2017-12-28 06:52:23

标签: url vue-router

我使用vue-cli创建了一个空的Hello World项目, 在HelloWorld2.vue中添加components,基本上从HelloWorld.vue复制。 然后将新的一个添加到router/index.js,如下所示:

export default new Router({
  routes: [
    {
      path: '/',
      component: HelloWorld
    },
    {
      path: '/HelloWorld2',
      component: HelloWorld2
    }
  ]
})

问题: 当我尝试访问HelloWorld2

1. localhost/#/HelloWorld2 //right
2. localhost/HelloWorld2   //wrong, redirect to HelloWorld

/#/的含义是什么?

1 个答案:

答案 0 :(得分:0)

如果要删除哈希符号,则应将mode: 'history',传递给路由器:

export default new Router({
  routes: [...],
  mode: 'history'
})

这将从您的网址中删除哈希#