Vue.js vue nuxt,在标题SEO上传递API值
如何将api值传递到vue上的标题标题?我在用nuxt 我尝试使用此选项,但出现错误“博客未定义”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
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:“描述”,
名称:'说明',
内容:“主页说明”
}
],
}
}
谢谢,这很有效,我不知道解决方案是否简单。再次感谢