0
220
VisualizaçõesCómo implementar la aplicación reaccionar con 2 puertos diferentes
Estoy tratando de servir una compilación en mi red con 2 puertos.
1 para frontend que es localhost:3000 y 1 para servidor con localhost:3001
Actualmente tengo la compilación para mi interfaz, pero el problema aquí es que quería acceder a localhost: 3001
En localhost:3001, que es para desarrollo y no para implementación. Como pueden ver en la imagen, puedo comunicarme con localhost:3001
Pero cuando pruebo **CONSTRUIR FRONTEND CON 192.168.254.100:300** No puedo encontrar mi servidor (puerto 3001)
EDITAR
Tengo éxito en la solución del primer problema. Pero, otro problema es que no puedo acceder al sitio usando un teléfono móvil sin la extensión cors de Chrome. Y así como las COOKIES NO SE CONFIGURAN para ser autenticadas.
1 Respostas
Responde à pergunta0
Este problema ocurre debido a la política CORS. Básicamente, cuando envía una solicitud desde una URL que es diferente a la URL de su servidor, será bloqueado. Por ejemplo, si se comunica con su servidor usando su propia URL (localhost:3001), funciona bien. Sin embargo, si lo hace desde la URL de su interfaz, la política de CORS lo bloqueará. Por lo tanto, en su servidor, debe agregar Access-Control-Allow-Origin en su respuesta HTTP. En Express, puede agregar el cors middleware.
Primero, vaya a la carpeta de su servidor e instale cors :
npm i cors En su archivo de punto de entrada de su servidor ( server.js , index.js o lo que sea), inserte esta línea:
app.use(cors()); //This allow any websites to communicate to your serverSi desea permitir que solo se comunique su URL de interfaz y no otros:
app.use(cors({ origin: "http://192.164.254.100:3000" }) app es, por supuesto, de:
const app = express()Reinicie el servidor y debería funcionar bien.