处理 Vue 单页面应用 SEO

由于在vue单页应用中title只设定在入口文件index.html，如果切换路由，title怎么更换？

在路由router中设置meta：

{
      path:'/chooseBrand',
      component: resolve => require(['../components/page/myzone.vue'], resolve),
      meta: {
        title: 'title标题'
      }

 

在main.js里面加上

router.beforeEach((to, from, next) => {
  /* 路由发生变化修改页面title */
  if (to.meta.title) {
    document.title = to.meta.title
  }
  next()
})

　　这样的话在切换路由时就会更换你在meta中设置的title。（js改变title：document.title = "myzone";

）

转载于:https://www.cnblogs.com/z-y-zone/p/10313030.html