我在 router 文件夹中有一个 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
}
]
})
最佳答案
您应该设置路由器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
}
]
})
关于vue.js - Vue Cli 根路由器仅工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51132985/