Problema con html en local con CORS
Hola a todos. Estoy aprendiendo a integrar un formulario HTML/JS local con Google Sheets a través de Google Apps Script (Web App), pero me he topado con las famosos errores de CORS. Alguien me ayuda?
Mi entorno:
- Frontend: Archivo HTML/JS corriendo en un servidor local. He probado con Python (
http://127.0.0.1:5500) y con live server de VScode. - Backend: Un script de Google Apps Script ejecutando una función
doPost(e)que añade filas a un Sheets y devuelve un JSON:{ status: "ok" }.
Lo que ocurre:
- Si configuro el fetch con
mode: "no-cors", la petición llega a Google Sheets y escribe la fila correctamente, pero el navegador me da una respuesta opaca. Por lo tanto, mi JavaScript se queda "a ciegas" y no puede leer el JSON de respuesta para mostrar un mensaje de éxito o fracaso. - Lo curioso es que la fila lo agrega bien con todas sus columnas. pero quiero que emita diferentes mensajes según diferentes casos.
- Si cambio el fetch a
mode: "cors", el navegador bloquea la petición por completo y me saltan los errores de CORS que adjunto en la imagen.
u/Alexx1610 — 11 days ago