尝试使用其他URL中的图像时,使用create-react-app的CORS问题

大卫

我通常使用静态快递服务器创建我的react项目,但是我想给create-react-app做个尝试。

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

CORS政策禁止从来源' http:// localhost:3000 '访问' http://www.dailygarnish.com/wp-content/uploads/2012/04/IMG_20120414_205845-640x640.jpg '处的图像:所请求的资源上没有“ Access-Control-Allow-Origin”标头。”

这通常在我创建服务器的应用上正常运行,但在create-react-app上却无法正常运行

任何意见,将不胜感激

布兰科·兹瓦诺维奇(Branko Zivanovic)

尝试将其放入package.json中,然后重新启动CRA开发服务器(必须完成):

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用其他本地软件包中的图像时出现问题

使用create-react-app部署github页面时的React-router问题

使用Create React App进行React样式

React with CORS中的抓取问题

使用create-react-app和webpack发出CORS API请求-无快递

使用Netlify URL部署的React Redux App问题

使用Vue的CORS问题

React Native:create-react-native-app的ADB问题

使用“ react-jsx”作为create-react-app的jsx值的Visual Studio Code的问题

react-create-app中的babel loader问题

尝试使用React.js中的map访问特定JSON数据时出现问题

当用户直接点击需要其他组件ID的URL时,React中的路由问题

使用gh-pages在github上部署create-react-app时出现问题

使用Storybook创建React App创建Webpack问题

尝试使用export *语法时,ESLint,React / TS有问题

Create React App中httpsCallable firebase的CORS错误

Promise和create-react-app问题

当开发中没有问题时,React构建会导致CORS错误

使用create-react-app的Heroku部署问题

React-Spring Boot Web APP的CORS问题

使用 react 时的 URL 路由问题

如何使用 create react app 在特定 React 组件中显示图像?

IIS 托管和 IE 的 create-react-app 问题

尝试使用 php artisan preset react 时遇到问题

当 React.js 应用程序向 Django 后端发送请求时出现 CORS 问题

使用 appcenter-analytic 运行 react native app 的问题

尝试运行 yarn create react-app 客户端时面临的问题

使用 mui 运行 react app - 编译时出现问题:

React 18 的 create-react-app 依赖版本问题