nuxt.js中用asyncData 来调取接口，本页面刷新，就会报错。

Question

问题描述：
nuxt.js中用asyncData
来调取接口，在路由第一次进入该页面的时候数据显示都正常，但是在本页面刷新的话，就会报错

代码：

我是新闻页首页

newsId:{{$route.params.newsId}}

• HOME



{{head.title}}




{{head.seokeyword}}




{{head.seodes}}

export default { head () { return { title: this.head.title, titleTemplate: '%s', meta: [ { hid: 'keywords', name: 'keywords', content: this.head.seokeyword }, { hid: 'description', name: 'description', content: this.head.seodes } ] } }, asyncData ({app, query}) { return app.$axios.$get('/news/news?id=5&user_id=151').then(res => { console.log(res.data, '---------------') return {head: res.data} }) } }

进入新闻页时正常的显示：

刷新后报错的截图：

在测试调假数据的时候，是正常的
但是调真是接口就会出现这种问题

Answer 1

async asyncData ({ params }) {
const blogContent = await axios.get(http://111.111.111.111/index.php?getData=b&id=${params.id})
const moreContentList = await axios.get('http://111.111.111.111/index.php?getData=more')
return {blogContent : blogContent.data , moreContentList : moreContentList.data};
}

用这种方式请求；

我博客就是用的nuxt
方脸猫博客 www.flcat.xyz