Vue.js vue nuxt,在标题SEO上传递API值

Vue.js vue nuxt,在标题SEO上传递API值,vue.js,nuxt.js,Vue.js,Nuxt.js,如何将api值传递到vue上的标题标题?我在用nuxt 我尝试使用此选项,但出现错误“博客未定义” async asyncData({params, error}) { try { let topBlogger = await axios.get('http://api.bla.bla/API/topblogger.php') let isi = await axios.get(`http://api.bla.bla/API/new

如何将api值传递到vue上的标题标题?我在用nuxt

我尝试使用此选项,但出现错误“博客未定义”

async asyncData({params, error}) {
        try {
            let topBlogger = await axios.get('http://api.bla.bla/API/topblogger.php')
            let isi = await axios.get(`http://api.bla.bla/API/news.php?id_artikel=${+params.id}`)
            let tagList = await axios.get('https://api.bla.bla/users')
            return {
                bloggers: topBlogger.data,
                blog: isi.data,
                tags: tagList.data,

            }
        } catch (e) {
            error({message: 'User not found', statusCode: 404})
        }
    },
head () {

        return {
            title: blog.id_artikel+' | title bla bla',
            meta: [
                { hid: 'description', name: 'description', content: 'content dll' }
            ]
        }
    },
但是当我在
上使用blog时,它就起作用了
我是vueJS新手,因此似乎仍然无法很好地理解它的工作原理

您需要使用此工具访问数据

return {
            title: this.blog.id_artikel+' | title bla bla',
            meta: [
                { hid: 'description', name: 'description', content: 'content dll' }
            ]
        }

这可能对你有帮助

<script>
export default {
 head: {
 title: this.blog.id_artikel+' | title bla bla',
 meta: [
 {
        hid: 'description',
        name: 'description',
        content: 'Home page description'
      }
    ],
  }
}
</script>

导出默认值{
负责人:{
标题:this.blog.id_artikel+“| title bla bla”,
元:[
{
hid:“描述”,
名称:'说明',
内容:“主页说明”
}
],
}
}

谢谢,这很有效,我不知道解决方案是否简单。再次感谢