Tengo la siguiente configuración de encabezados en mi aplicación node js api:

 res.header("Access-Control-Allow-Origin", "*"); res.header( "Access-Control-Allow-Headers", "Origin, X-Requested, Content-Type, Accept Authorization" ); if (req.method === "OPTIONS") { res.header( "Access-Control-Allow-Methods", "POST, PUT, PATCH, GET, DELETE" ); return res.status(200).json({}); } next(); });

Con esta configuración, puedo enviar solicitudes GET, POST a mi API alojada en Heroku desde Postman. Pero cuando intento desde mi aplicación frontend creada con vue. Obtuve el siguiente error.

Y estoy usando fetch para enviar la solicitud a la API remota:

 async signup() { try { const formData = new FormData(); formData.firstName = this.firstName; formData.lastName = this.lastName; formData.email = this.email; formData.password = this.password; formData.confirmPassword = this.password; formData.mobile = this.mobile; formData.gender = this.gender; formData.profileImg = this.profileImg; const response = await fetch( "https://api-url.com/auth/patient/signup", { body: formData, method: "POST", } ); const data = await response.json(); this.response = JSON.stringify(data); } catch (error) { console.log(error); } }

¿Alguien puede señalar los errores que he cometido aquí?