我已经在AWS Amplify中部署了一个ReactJS应用程序.该ReactJS应用程序调用在同一个AWS EC2实例中运行的Spring bootstrap 服务.我从调用EC2实例的ReactJS应用程序中收到以下错误.

Mixed Content: The page at 'master.dw1qlg7lxrxk.amplifyapp.com' was loaded over HTTPS, but requested an insecure resource 'ec2-3-145-165-206.us-east-2.compute.amazonaws.com:8080/…'. This request has been blocked; the content must be served over HTTPS.

我的ReactJS应用程序正在调用https到EC2实例(其中运行了SpringBoot),但EC2实例中的Spring Boot运行在http中.我认为,这就是这个错误的原因.我需要如何解决这个问题,以便以可行的方式共同工作.

推荐答案

在本例中,正如Allan Chua所说,您需要一个负载均衡器或在EC2实例上配置SSL.

但如果我没记错的话,您对AWS没有太多经验,而且您正在运行一个Spring Boot应用程序.

我建议用弹性豆茎代替.这可以为您提供一切,甚至开箱即用的默认CNAME的SSL证书.它还可以让您以后轻松扩展您的应用程序!

Reactjs相关问答推荐

CSS转换不适用于React MUI对象

React onKeyUp不一致地使用快速Shift+键按压

为什么Next.js 14无法解析页面路由路径?

在Reaction中测试条件组件

Next.js:提交表单时状态尚未就绪

是否在Extra Reducer完成作业(job)时触发createListenerMiddleware?

如何使用TouchStart/TouchEnd在Table ReactJS中交换位置?

StrictMode+SetInterval=双重渲染(即使使用useEffect清理)

我从 S3 存储桶下载图像时收到错误

无法通过 fetch 获取数据到上下文中

在按钮单击中将动态参数传递给 React Query

损坏的图像 React useState

React - 拖放 UML

当每个元素都可拖动时,移动设备上的滚动列表出现问题

使用dayjs时如何在输入类型日期时间本地字段中设置默认值?

如何通过单击多个选项中的特定项目在模态上呈现不同的标题?

vdom 最终更新了 dom(在比较之后)任何 dom 更改实际上应该触发整个树的重绘和回流,那么 vdom 有什么用?

使用 useRef(uuid()) 的目的是什么?

如何根据数据库中的值设置单选按钮选中? - react

无法有条件地更新useEffect中的setState