如何解决在Nuxtjs中,动态路线标头标签会填充SEO吗?
当我运行nuxt generate
时,我会像这样创建路线:
generate: {
routes() {
return axios
.get(`${process.env.ROOT_URL}/businesses`)
.then(res => {
return res.data.map(business => {
return {
route: `/business/${business.id}`,payload: business
};
});
});
}
}
这成功创建了我的动态路由,该路由接受了来自世代的有效负载。他们每个人都应该有自己的标头,来自我的business
组件:
async asyncData({ params,store,error,payload }) {
if (payload) {
return { business: payload };
} else {
// other stuff
}
})
...
...
...
head() {
return {
title: this.business.name,Meta: [
{
hid: `businessPageDescription-${this.business.id}`,name: "description",content: this.business.description,},{
hid: `businessPageKeywords-${this.business.id}`,name: "keywords",content: this.business.keywords,],};
},
但是,当我查看在index.html
文件夹中为每个动态创建的业务路线生成的dist
时,head标签都是来自nuxt.config.js
中项目默认设置的。当我进入浏览器中的各个页面时,错误的标题会首先出现,然后很快更新为正确的预期标签。
问题是,搜寻器会在dist
文件夹中看到我正在看到的标签,还是会看到用户在访问页面时看到的动态创建的标签?
*注意:我没有在target: "static"
中使用nuxt.config.js
,当我这样做时,路由不接受其有效载荷...对此问题here
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。