Cómo utilizar webpack y proxy para lograr la separación de front-end y back-end y facilitar la depuración conjunta de front-end y back-end posterior

1) Webpack configura el proxy. Esto se puede resolver a través de la documentación del paquete web o GOOGLE.

2) El segundo paso es proporcionar interfaces, datos y documentos de interfaz en el backend. Dado que es probable que el frontend y el backend se desarrollen en paralelo, el frontend debe simular la interfaz y los datos antes que los reales. Aparece la interfaz y, una vez que aparece la interfaz real, el documento de datos cambia a la depuración de la interfaz real. Hemos encontrado este problema antes, por lo que nos tomamos el tiempo para construir un sistema de servidor simulado. Las funciones incluyen:

Admite la edición visual de los datos de la interfaz JSON y la documentación de la interfaz

Admite los tipos de solicitud GET, POST, PUT y DELETE

Admite el código de estado de devolución especificado, predeterminado 200

Admite datos de devolución retrasados ​​

Admite mockjs

Admite un proxy de interfaz única para el servidor real (durante el proceso de desarrollo, una determinada interfaz utiliza datos simulados. Cuando la interfaz ha sido desarrollado, la interfaz especificada puede apuntar al servidor real a través de este servicio)

Dirección del proyecto: flftfqwxf/mock-server: Un sistema web nodejs para servidor simulado Una versión WEB del sistema de simulación de datos.

STAR y comentarios son bienvenidos

Este proyecto básicamente resuelve los problemas que encontramos actualmente. El proyecto está organizado en el entorno de prueba de la empresa. La interfaz puede ser definida por el front-end. El back-end se escribe de acuerdo con la situación. Si los datos reales no están disponibles, se simularán. Después de admitir MOCKJS, es más conveniente simular datos dinámicos. , la interfaz simulada o la interfaz real se pueden conectar a través de este sistema, lo cual es conveniente y sin problemas.