Soy nuevo en AWS. Cuando realizo una solicitud de recuperación en mi aplicación React, aparece un error. Sin embargo, si me conecto al dominio del servidor creado con aws ec2 o envío una solicitud GET con cartero, funciona bien. Como supongo, parece haber un problema con la configuración de seguridad de aws ec2. Por favor, que alguien me ayude.

Aquí hay unos ejemplos

 // index.js (express js server) import express from 'express' const app = express() app.get('/', async (req, res) => { res.json({ data: 'hello world' }) }) const Port = '80' app.listen(Port, () => { console.log(`server is running on ${Port}`) }) })()

Aquí está la aplicación React.

 // App.js (create-react-app example) // 'localhost:3000' on my computer export default App() { const getRankData = async () => { const response = await fetch( // ^^^^^^^^^ // TypeError: Failed to fetch "http://ec2-xxx-xxx-xxx-xxx.xxxxx.amazonaws.com/" ); const myJson = await response.json(); return myJson; }; // ......

configuración de seguridad ec2

 /* inbound rules Security group rule ID: sgr-xxxxx, Type: SSH, Protocol: TCP, Port range: 22, Source:0.0.0.0/0 Security group rule ID: sgr-xxxxx, Type: HTTP, Protocol: TCP, Port range: 80, Source:0.0.0.0/0 outbound rules Security group rule ID: sgr-xxxxx, Port range: All, Protocol: All, Destination: 0.0.0.0/0 */