Vue.js利用Axios请求到数据后,不能在页面上现实??报错-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Vue.js利用Axios请求到数据后,不能在页面上现实??报错

2020-06-08 11:59:33 506 1

前端的代码:

<template>
  <div>
      <h1>Page01</h1>
      <ul>
      <li v-for="post in posts">
        {{post}}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data () {
    return {
      posts: []
    }
  },
  mounted: function () {
    this.$http.get('http://127.0.0.1:5000/api/posts/'
    ).then(function (response) {
      this.posts = response.data.subjects
    }, function (response) {
      console.log(response)
    })
  }

}
</script>

希望请求到数据并现实出来,但是报错,

后端应该是正确的,显示的是200

127.0.0.1 - - [29/Jul/2017 19:19:27] "GET /api/posts/ HTTP/1.1" 200 -

这说明请求是成功,同样利用curl命令同样也能请求到json数据,刚刚查了一下,有的说是axios跨域问题,不是很明白,求大神指导一下。

取消 提交回答
全部回答(1)
  • 爱吃鱼的程序员
    2020-06-08 11:59:52
    header("Access-Control-Allow-Origin:*");

    设置API的header我这个是php的。你改下就是了。

    感谢答主,但是我更倾向于修改前端的ProxyTable的配置

    我在SF上问了同样的问题, Vue.js利用Axios请求到数据后,不能在页面上现实?

    好像有两种方法,第一种在前端修改proxyTable,第二种是修改后端的Access-Control-Allow-Origin的配置。

    但是我更倾向于第一种,因为我访问公开的API也会出现Access-Control-Allow-Origin的报错,例如https://api.douban.com/v2/movie/top250?count=10但是同样的API使用Ajax就不会报错。详细解答参考以上链接。

    0 0
相关问答

1

回答

Ajax请求Json数据后如何解析?

2021-12-08 23:42:50 135浏览量 回答数 1

1

回答

MySQL Date类型数据,页面请求变成UTC日期格式,如何处理???? 400 报错

2020-06-05 16:50:01 421浏览量 回答数 1

1

回答

JFinal 存入数据库数据出错 400 请求报错 

2020-05-30 15:08:04 197浏览量 回答数 1

1

回答

cacti导入数据库出错 400 请求报错 

2020-05-29 16:34:38 347浏览量 回答数 1

1

回答

js 请求下一页时计数不能+1? 400 报错

2020-05-29 17:25:59 221浏览量 回答数 1

1

回答

jfinal如何将页面数据json后返回 400 请求报错

2020-05-28 16:05:42 328浏览量 回答数 1

1

回答

Oracle12C数据库,支持JSON格式的输入参数 400 请求报错 

2020-05-28 16:07:18 396浏览量 回答数 1

1

回答

为什么通常在发送数据埋点请求的时候使用的是 1x1 像素的透明 gif 图片?#前端面试

2020-05-23 13:52:49 1374浏览量 回答数 1

2

回答

请问陕西的审核时效,7.17日提交到管局的

2015-07-21 15:33:16 4770浏览量 回答数 2

3

回答

OOS上存放HTML静态页面通过请求获取内容嘛?

2014-12-08 15:18:37 7210浏览量 回答数 3
+关注
爱吃鱼的程序员
https://developer.aliyun.com/profile/5yerqm5bn5yqg?spm=a2c6h.12873639.0.0.6eae304abcjaIB
2
文章
21564
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载