Red de conocimiento informático - Problemas con los teléfonos móviles - Reaccionar proxy de configuración

Reaccionar proxy de configuración

Tenga en cuenta dos puntos Los siguientes métodos de configuración son equivalentes:

1 Nota: Por ejemplo, la dirección de la interfaz backend es http://127.0.0.1:5000/searchAllTable. Después de la configuración anterior, el acceso del front-end se convierte en http://127.0.0.1:5000/api/searchAllTable. Es decir, cuando el front-end escribe para acceder a la API, debe agregar un /api a la dirección proporcionada. por el backend y luego reescriba el atributo de ruta {"pathRewrite Después de la configuración de ":{"^api":"/"}}, la dirección de acceso real sigue siendo la ruta real de la interfaz proporcionada por el backend http ://127.0.0.1:5000/searchAllTable

2 Nota: Tenga en cuenta que esta rutaReescriba, si no está configurada, la dirección de acceso y la dirección real son http://127.0.0.1:5000/api/ searchAllTable y la dirección de la interfaz de acceso al backend también es la misma. La dirección de la interfaz de acceso al backend también es una ruta de este tipo. Si está configurada, debe prestar atención a la dirección de acceso que reescribe.

Si se configura de esta manera, se producirá el siguiente error al iniciar el proyecto de reacción:

Después de ver el código fuente, encontrará:

Parece que aquí solo se puede usar createProxyMiddleware, por lo que puedes modificar la configuración de la siguiente manera:

¡Reinicia el proyecto y el problema se resolverá!

Después de la depuración paso a paso anterior, finalmente se resolvió el problema entre dominios.

Durante el proceso de configuración del proxy, la solicitud de conexión fue rechazada. Siempre pensé que era un conflicto entre setupProxy.js en el proyecto y config-overrides.js (el archivo de configuración bajo demanda utilizado para importar la biblioteca de componentes antd), así que intenté configurar la configuración del proxy en config-overrides.js. Como resultado, el proyecto fue normal, pero el problema entre dominios aún no se resolvió, así que fui a todas partes a buscar información. Al final, Huangtian valió la pena, el problema se resolvió y mis pensamientos se sublimaron...