Vue Cli 根路由器只工作

Question

我在路由器文件夹中有一个 index.js 文件，这是代码，但注册组件没有显示在 /register 路由中。所有路由只显示HelloWorld组件

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Register from '@/components/Register'
Vue.use(Router)

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

Answer 1

你应该设置路由器的模式history，因为默认是散列路由器，它不会在历史改变时触发。

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Register from '@/components/Register'
Vue.use(Router)

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path:'/register',
      name:'Register',
      component:Register
    }
  ]
})

Answer 2

您应该设置 history 模式。

干杯！！

Vue Cli 根路由器只工作

Vue Cli root router is only working

vue.js

vue-cli