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

）