处理 Vue 单页面应用 SEO
2024-10-19 09:50:22
由于在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";
）
最新文章
- 对于前端JS、Html、CSS的大小、位置是否影响网站的相应时间
- android之读取SD卡状态
- C#泛型接口
- 8天学通MongoDB——第七天 运维技术
- $rootScope
- c#发送邮件样例
- js创建对象的几种常用方式小结
- NYOJ710 外星人的供给站 【贪心】
- 1秒破解 js packer 加密
- 隐马尔可夫模型（HMM）攻略
- centos下在php.ini设置时区
- 使用nio对磁盘下的文件进行过滤
- Fiddler修改请求和响应
- numpy和matplotlib
- Java实现post和get请求
- xampp 使用过程中刚遇到的问题记录
- eclipse启动web应用
- [Go] 理解 golang 中的 nil
- PAT 乙级1030 完美数列(25) C++版
- golang 常量的用法