react+flask后端响应正常,前端axios获取不到数据
问题说明
方便同学们进行问题对比,先贴出相关问题
react axios获取数据
![前端](https://i-blog.csdnimg.cn/blog_migrate/eb4d25b2baa31e774d479457bbac72d2.png)
后端flask
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/caf24e8b5cfdd4e924675f73df14897c.png)
出现的问题为:后端该接口可以返回需要的数据(使用postman测试同样奏效)
但一旦使用前端调用就会出现获取数据失败,报错error
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/e39f42eb5fab885e66d6c16abc9eb5cc.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/de0936b6b39c2f2d6444ce46565b0e46.png)
解决方法
通过反复排查,最终发现是flask没有设置跨域保护。并查询了相关的原理。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/be8266f069d392f4ca974182acf40c5a.jpeg)
设置了跨域之后就好了,具体方法详见
https://blog.csdn.net/lluozh2015/article/details/78553604
在这里记录一下,为大家排坑。