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

Question

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

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默认使用hash模式。在您的配置中，您可能想使用 html5 历史记录模式。请参阅 https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations 以供参考。

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

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

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

Why all the paths jump to the root path（vue-router)?

vue-router