React页面中使用fetch请求数据相关异常问题，新人求解答

最近学习React做一个简单的Demo，里面需要通过访问Web接口获取数据，看别人使用fetch挺简单的，于是就引入了，但是却遇到了问题。。。起初，直接使用fetch(url)去做，运行直接报异常：No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8000’ is therefore not allowed access。 goggle了一下，应该是跨域问题，有人给出解答，把请求request的mode设置为"no-cors"，试了一下，跨域问题好像是解决了，在控制台里看到请求也正常返回了（含有body数据），

但是始终获取不到响应reponse里面的数据，可是数据明明就在那，而且报出的异常我很困惑：

求解答谢谢~

PS: Demo跑在本地8000端口上

xwwscu 1楼•8 个月前作者

怎么会无人问津呢。。。help!

lyt308012546 2楼•8 个月前

// express
app.all('*', function (req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Methods", "POST GET");
    res.header("Access-Control-Allow-Credentials", 'true')
    next();
});

// koa2
const cors = require('koa-cors');
app.use(cors());

我是这样做跨域，至于为什么，我也解释不清楚，可以打断点看下返回的Object到底是什么

xwwscu 3楼•8 个月前作者

@lyt308012546 控制台里面看到返回的数据了，就是不知道为什么then里面会获取不到。。。稍后我试一下修改一下requestHeader试试，tsk anyway~