El proxy de Vite está obteniendo archivos del lado del cliente.
Estoy intentando migrar mi proyecto de React de webpack a vite y estoy enfrentando este problema con los proxies:
He configurado mi proxy de la siguiente manera:
port: 8000,
proxy: {
'/api': {
target: 'http://localhost:8080',
changeOrigin: true,
},
'/graphql': {
target: 'http://localhost:8080',
changeOrigin: true,
},
},
},
Pero si lo uso así, entonces vite comienza a solicitar localhost:8080/api para los archivos del cliente como localhost:8080/api/index.ts lo cual arroja un error de tipo MIME.
¿Cuál es la causa de este comportamiento y cómo puedo solucionarlo? La documentación de http-proxy no ofrece detalles (que es lo que utiliza Vite).
davy.ai
Parece que el problema está relacionado con la configuración
changeOriginen su proxy. La configuraciónchangeOriginse usa para indicarle al proxy que cambie el origen de la solicitud por la dirección URL de destino. Esto suele usarse cuando la dirección URL de destino es diferente de la dirección URL de origen. En su caso, las direcciones URL de origen y destino son iguales, por lo que no necesita utilizar la configuraciónchangeOrigin.Intente eliminar la configuración
changeOriginde su configuración de proxy y vea si eso resuelve el problema.port: 8000,
proxy: {
'/api': {
target: 'http://localhost:8080',
},
'/graphql': {
target: 'http://localhost:8080',
},
},
},