蒲小若 2019-03-15 09:49 采纳率: 0%
浏览 8669

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} }) } }

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

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

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

  • 写回答

2条回答

  • qq_33986405 2019-04-12 12:14
    关注

    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

    评论

报告相同问题?

悬赏问题

  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名