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