reactjs - 尝试使用来自另一个 URL 的图像时使用 create-react-app 的 CORS 问题

Question

我通常使用静态快速服务器创建我的 React 项目，但我想我会试一试 create-react-app。

但是我在当前项目中遇到了问题。当尝试在 react 代码中使用 img 标签并使用来自另一个站点的 src URL 时，我遇到了 CORS 问题。

“从来源‘http://www.dailygarnish.com/wp-content/uploads/2012/04/IMG_20120414_205845-640x640.jpg’访问位于‘http://localhost:3000’的图像已被 CORS 策略阻止:请求的资源上不存在‘Access-Control-Allow-Origin’ header 。”

这在我创建服务器的应用程序上正常工作，但在 create-react-app 上却不行

如有任何建议，我们将不胜感激

Answer 1

尝试将其放入您的 package.json，然后重启 CRA 开发服务器(必须完成):

"proxy": "https://cors-anywhere.herokuapp.com/"