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 报错
时间: 2024-03-10 21:47:42 浏览: 20
你的代码中,`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
```
这样应该就可以解决报错问题了。