gpt4 book ai didi

seo - 查看页面源时 Nuxt.js 标题和元内容 'undefined'

转载 作者:行者123 更新时间:2023-12-04 16:32:26 26 4
gpt4 key购买 nike

我目前正在 Nuxt.js 应用程序中设置标题和元描述,但遇到了问题。当我单击“查看页面源代码”时,我在 head() 中设置的动态标题和元内容显示为“未定义”:
enter image description here
但是,当我检查页面时,此动态内容按预期显示:
enter image description here
enter image description here
在每个页面上,我都将标题和元设置如下:

    head() {
return {
title: this.title + ' | CompanyName',
meta: [
{
hid: 'description',
name: 'description',
content: this.description,
},
],
}
},
关于为什么会发生这种情况以及如何解决的任何建议?

最佳答案

我似乎找到了解决办法。在上面的示例中,this.description 和 this.title 是从 mount() 函数中的 API 调用填充的。如果这通过 asyncData() 切换到 API 调用,那么当您查看页面源时,它不再是未定义的。

    async asyncData(context) {
return context.$axios.get(`/endpoint`).then(result => {
return {
description: result.data,
}
}).catch(e => {
context.error({ statusCode: 404, message: 'Error' })
})
}

关于seo - 查看页面源时 Nuxt.js 标题和元内容 'undefined',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63817612/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com