问题描述:
nuxt.js中用asyncData
来调取接口,在路由第一次进入该页面的时候数据显示都正常,但是在本页面刷新的话,就会报错
代码:
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} }) } }
在测试调假数据的时候,是正常的
但是调真是接口就会出现这种问题
asyncasyncData({params}){
constblogContent=awaitaxios.get(http://111.111.111.111/index.php?getData=b&id=${params.id}
)
constmoreContentList=awaitaxios.get('http://111.111.111.111/index.php?getData=more')
return{blogContent:blogContent.data,moreContentList:moreContentList.data};
}
用这种方式请求;
我博客就是用的nuxt
方脸猫博客www.flcat.xyz
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。