Question

我使用vue-cli初始化了一个项目，我刚配置了路由器。当我尝试输入“http://localhost:8080/HelloWorld2”或“http://localhost:8080/HelloWorld1”时，为什么总是打开“HelloWorld”组件。

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import HelloWorld1 from '@/components/HelloWorld1'
import HelloWorld2 from '@/components/HelloWorld2'
import HelloWorld3 from '@/components/HelloWorld3'

Vue.use(Router)

export default new Router({
    routes: [
       {
           path: '/',
           name: 'HelloWorld',
           component: HelloWorld
       },
       {
           path: '/HelloWorld1',
           component: HelloWorld1,
           // childres:[
           //     {
           //         path: 'HelloWorld3',
           //         component: HelloWorld3,
           //     },
           // ]
       },
       {
           path: '/HelloWorld2',
           component: HelloWorld2
       }
   ]

}）

Answer 1

默认情况下，vue-router使用哈希模式。在您的配置中，您可能要使用html5历史记录模式。请参阅https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations以供参考。

这可以在您的路由器设置中更改：

const router = new VueRouter({ mode: 'history', routes: [...] })

为什么所有路径都跳转到根路径（vue-router）？

1 个答案: