Revisión de la solución httpmiddleware entre dominios

Durante el proceso de desarrollo local de nuestro proyecto React (o Vue), es fácil para el front-end resolver problemas entre dominios por sí solo. Esto utiliza el complemento http-proxy-middleware. No es un complemento exclusivo. para webpack, pero se ha encapsulado un complemento general que es útil para http-proxy para que nos resulte más fácil de usar.

Cuando entré en contacto con webpack por primera vez, escribí una configuración de proxyTable de proxy inverso de webpack.

Hace unos días, una colega de pruebas me pidió que resolviera el problema cuando estaba ejecutando un Proyecto local para probar el proyecto de la empresa, surgen problemas entre dominios, porque el proyecto front-end no es un proyecto spa y no hay un paquete web o similar, por lo que planeo consultar http-proxy-middleware para implementarlo. .

Echemos un vistazo al código fuente de http-proxy-middleware. La última versión es 2.0.6 Parece que el método de exportación de la versión 2.x es diferente al de la versión 1.x

Veamos un ejemplo del sitio web de npm

. Luego, el método principal createProxyMiddleware, podemos usarlo para crear un nuevo http-proxy-middleware. Continuar leyendo

Continúe para ver cómo se implementa este middleware.

Finalmente, encontramos la implementación central del middleware, que satisface el requisito de this.shouldProxy de usar this.proxy.web para proxy, por lo que si estamos familiarizados con la configuración de http-proxy, Puede omitir http-proxy-middleware, usa http-proxy, pero esto parece innecesario.