3

我刚刚开始使用 Vue。我安装了@Vue/Cli（即版本 3）和 cli-init，所以我可以使用版本 2 的命令。为了创建我的项目，我使用了 vue init webpack 。在浏览器上运行应用程序时，我注意到了奇怪的行为；我的路线正在改变！

初始路由“localhost:8080/”

导航到路由url 更改为“localhost:8080/#/”

还有另一条路线“localhost:8080/about”

导航到此路由，url 更改为“localhost:8080/about#/”

我不明白发生了什么事。它虽然渲染了组件，但 url 只是改变了。这是我的路线配置：

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld,
    },
    {
      path: '/about',
      name: 'AboutComponent',
      component: AboutComponent,
    },
    {
      path: '*',
      name: '404',
      component: HelloWorld,
    },
  ],
});

没有路由器链接，我通过输入路径进行导航。我的路由器设置是默认的。

4

1 回答 1

1

您可以通过阅读此处的 vue-router 文档（https://router.vuejs.org/guide/essentials/history-mode.html）自己回答这个问题

默认情况下 vue-router 工作在哈希模式。为了与旧浏览器兼容，浏览器中的路由会使用“哈希”进行更改。现在您可以安全地使用历史模式，并且您的 URL 在浏览器位置框中不会更改。

但是，我建议您阅读并充分了解客户端路由的工作原理以及使您的应用程序正常运行所需的服务器端配置。

欢迎来到 Vue.JS！

于 2018-09-24T21:24:51.647 回答