¿Alguna idea de por qué index.css comenzaría a aparecer como :id en las solicitudes de axios?
Para implementar en Heroku, configuré un proxy en React "proxy": "http://localhost:3001/" . Sin embargo, desde que configuré el proxy en entornos de producción y desarrollo, he tenido un problema realmente extraño con el campo :id en las llamadas en la actualización de la página (solo actualización de la página).
Por alguna razón, index.css se agrega, por lo que una solicitud de actualización de página normal para axios.get(/document/:id) genera este error: Proxy error: Could not proxy request /document/index.css from localhost:3000 to http://localhost:3001/ y esto es lo que llega al backend: GET /document/index.css En este ejemplo, se suponía que :id era params.id.
Esto sucede con todas las rutas definidas en <Router> como /path/:id independientemente de si codifico un valor de :id o uso uno dinámico.
Este problema no ocurre cuando pruebo con una versión anterior donde el proxy no está configurado y localhost:3000 está codificado en todas las rutas axios.
Me complace proporcionar más explicaciones/ejemplos. Realmente rascándome la cabeza aquí, ¿alguna idea de lo que está pasando? ¡Muchos gracias!
Editar: archivo index.html público solicitado
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <link rel="stylesheet" href="./index.css" /> </head> <body> <div id="dropdown-options"></div> <div id="root"></div> </body> </html>Creo que su problema radica en cómo está importando su archivo css.
así que intente vincularlo como tal omitiendo el . - <link rel='stylesheet' href='/index.css'
avísame si eso resolvió tu problema