Question

我是学习reactjs + redux的新手作为遵循redux async，redux async示例的方式，我发现它在chrome和safari上运行得很好，但不是firefox（最新版本，60.0.1（64it），OSX）

该示例的作用是使用redux-thunk从reddit grep数据并显示到UI，但在调用fetch函数时抛出网络错误

这是片段（我修改它以获取fetch返回对象，但逻辑没有改变），

// ${subreddit} = reactjs or front

const fetchPosts = subreddit => dispatch => {
  dispatch(requestPosts(subreddit))
  let ret = fetch(`https://www.reddit.com/r/${subreddit}.json`)
    .then(response => {
      return fetchReturn(response);
    })
    .then(json => dispatch(receivePosts(subreddit, json)))
  return ret;
}

以下是ret在浏览器中的错误消息， image shows error

加载中间件时发现错误，但我不知道如何解决它。我认为这可能是由于CORS并试图将文件放到localhost，但没有运气。

Answer 1

我没有足够的声誉留下评论，因此我会留在这里。

issue分享了可能能够为您提供帮助的不同解决方案。

否则，您可以按照此guide在您的获取方法中添加CORS支持。

编辑：确保使用babel-polyfill

启用了Promise polyfill

redux async示例不适用于firefox

1 个答案: