处理 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";

posted @ 2019-01-24 10:29  阳光下那抹高傲的轻笑  阅读(303)  评论(0编辑  收藏  举报