import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) var router = new VueRouter({ routes: ([ { path:'/', redirect:'/home',meta: {title:'首页'}}, { path:'/home', component: Home, name:'home',meta:{title:'首页'} } ]), }); router.beforeEach((to, from, next) => { if (to.meta.title) { document.title = to.meta.title } next() }) export default router哪有问题

这段代码看起来没有语法错误，但是缺少Home组件的引入。需要先在代码中引入Home组件，例如：

import Vue from 'vue' 
import VueRouter from 'vue-router' 
import Home from './views/Home.vue'  // 引入Home组件

Vue.use(VueRouter) 

var router = new VueRouter({ 
  routes: [ 
    { path:'/', redirect:'/home', meta: {title:'首页'}}, 
    { path:'/home', component: Home, name:'home', meta:{title:'首页'} } 
  ], 
}); 

router.beforeEach((to, from, next) => { 
  if (to.meta.title) { 
    document.title = to.meta.title 
  } 
  next() 
}) 

export default router

另外，因为缺少Home组件的具体实现，代码中的Home组件需要根据实际情况进行修改。

相关问题

import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) import Home from './components/HelloWorld.vue' var router = new VueRouter({ // 创建路由实例对象router routes: [ { path: '/', redirect: '/home', meta: { title: '首页' } }, { path: '/home', component: Home, name: 'home', meta: { title: '首页' } }, ] ,router.beforeEach((to, from, next) => { if (to.meta.title) { document.title = to.meta.title }; next(); }) }) export default router 报错

你的代码中，`router.beforeEach()` 方法应该放在 `routes` 数组后面，而不是放在外面，因为 `router` 对象是在 `routes` 中创建的。也就是说，将 `router.beforeEach()` 方法移动到 `routes` 数组后面即可，如下所示：

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

import Home from './components/HelloWorld.vue'

var router = new VueRouter({
  // 创建路由实例对象router
  routes: [
    { path: '/', redirect: '/home', meta: { title: '首页' } },
    { path: '/home', component: Home, name: 'home', meta: { title: '首页' } },
  ]
})

router.beforeEach((to, from, next) => {
  if (to.meta.title) {
    document.title = to.meta.title
  };
  next();
})

export default router

这样应该就可以解决报错问题了。

import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) var router = new VueRouter({ routes: ([ { path:'/', redirect:'/home',meta: {title:'首页'}}, { path:'/home', component: Home, name:'home',meta:{title:'首页'} } ]), }); router.beforeEach((to, from, next) => { if (to.meta.title) { document.title = to.meta.title } next() }) export default router

这段代码是使用Vue框架和Vue Router插件创建了一个路由对象，并定义了两个路由规则，分别是根路径 '/' 和 '/home'，并且设置了路由元信息meta，用于设置页面的标题。在路由对象中使用了beforeEach导航守卫函数，用于在路由切换前修改页面标题。其中，next()函数用于继续执行路由切换。最后将路由对象导出。