Muy bien, he llegado al final de mi cordura en este caso.

Entonces, tengo una interfaz React básica con un backend Express. React se ejecuta en localhost:3000, el backend se ejecuta en localhost:3030. Siguiendo una guía para configurar alguna integración de Spotify , todo funciona bien hasta que llego a la parte de configurar un proxy. (Tengo una configuración ligeramente diferente de la guía de Spotify, todas mis cosas se ejecutan a través de /spotify/auth en lugar de /auth)

Instalé http-proxy-middleware, creé setupProxy.js en mi carpeta /src, y si alguna vez intento cargar localhost:3000 como de costumbre, no obtengo nada: mi aplicación no se carga en absoluto.

La única forma de que la aplicación vuelva a aparecer es eliminar el archivo. El de la guía de Spotify está un poco desactualizado por lo que puedo decir de todos modos, pero incluso usando sugerencias encontradas en otros lugares, no he tenido suerte. Aquí está la configuración actual que tengo para mi archivo setupProxy.js:

 const { createProxyMiddleware } = require("http-proxy-middleware"); module.exports = function (app) { app.use( "/spotify/**", createProxyMiddleware({ target: "http://localhost:3030", changeOrigin: true, }) ); };

Incluso eliminé la búsqueda real que estaría haciendo uso del proxy y todavía no tengo suerte al cargar mi página. Tampoco puedo usar "proxy": "http://localhost:3030" en mi paquete.json ya que arroja:

Objeto de opciones no válido. El servidor de desarrollo se ha inicializado con un objeto de opciones que no coincide con el esquema de la API.

- options.allowedHosts[0] debe ser una cadena no vacía".