开发者社区> 问答> 正文

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

问题描述:
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} }) } }

进入新闻页时正常的显示:
图片说明

刷新后报错的截图:
图片说明

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

展开
收起
爱吃鱼的程序员 2020-06-23 01:32:22 3742 0
1 条回答
写回答
取消 提交回答
  • https://developer.aliyun.com/profile/5yerqm5bn5yqg?spm=a2c6h.12873639.0.0.6eae304abcjaIB

    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

    2020-06-23 01:32:39
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
JavaScript函数 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载