Actualmente tengo un proyecto en, React para el Frontend y Nodejs con SQLserver para el backend, realmente el problema viene dado por Cors ya que tengo hosteado ambos en un devtunnel de microsoft. Declare posibles origenes de solicitudes en el servidor:
const CorsOrigins = [
"http://localhost:3001",
"http://localhost:3000",
"https://******.use2.devtunnels.ms:3000",
"http://localhost:5500"
]
export default CorsOrigins
y mi configuracion de Cors en el servidor es:
app.use(
cors({
origin: (origin, callback) => {
if (CorsOrigins.includes(origin){
callback(null, origin); // Permite el origen
} else {
callback(new Error("Not allowed by CORS")); // Bloquea otros orígenes
}
},
credentials: true,
methods: "GET,HEAD,PUT,PATCH,POST,DELETE",
allowedHeaders: ["Origin", "X-Requested-With", "Content-Type", "Accept"]
})
);
aun asi cuando intento ingresar desde mi devtunnel el servidor lee como si estuviera realizando la solicitud desde localhost y niega la solicitud, mas sin embargo si coloco directamente la ip con mi devtunnel si funciona con normalidad pero quiero hacerlo mas flexible para subdominios en un futuro.
Error por navegador:
xxxxxxx.use2.devtunnels.ms/:1 Access to XMLHttpRequest at >>'https://xxxxxxx.use2.devtunnels.ms:5500/api/clientes' from origin >>'https://xxxxxxx.use2.devtunnels.ms:3000' has been blocked by CORS policy: The 'Access->>Control-Allow-Origin' header has a value 'http://localhost:5500' that is not equal to the supplied origin
Realmente no doy con el problema, no se si estoy interpretando correctamente las solicitudes o es algun tipo de problema al utilizar Devtunnels