1. Antecedentes: en el desarrollo del proyecto se adopta el modo de separación front end y back end, en el que se utiliza Vue + Axios para el front end y spring-boot para el back end. Una vez que se desarrolla el proyecto, desea conectarse, por lo que el front-end elige implementar en Nginx, y todo el proyecto se empaqueta en docker con docker-compose para ejecutarse.
2. Problema: después de implementar el front-end en Nginx (usando la configuración predeterminada de Nginx sin modificaciones), se produce un error entre dominios cuando se usa Axios para acceder al back-end. Por lo tanto, de acuerdo con la declaración en línea, agregue una configuración de dominio cruzado en el fondo de arranque de primavera:

 @Configuration public class CorsConfig { @Bean public CorsFilter corsFilter(){ UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); CorsConfiguration corsConfiguration = new CorsConfiguration(); corsConfiguration.addAllowedOriginPattern("*"); corsConfiguration.addAllowedHeader("*"); corsConfiguration.addAllowedMethod("*"); corsConfiguration.setAllowCredentials(true); source.registerCorsConfiguration("/**",corsConfiguration); return new CorsFilter(source); } }

3. Resultado: después de reiniciar el proyecto, la operación seguía informando un error entre dominios y no se podía acceder a la interfaz. Luego, el intento de agregar la anotación de origen cruzado no fue válido. ¿Cuál es la razón? ¿Es el problema de Nginx, o significa que el front-end y el back-end deben configurarse en todos los dominios para tener éxito? No tengo experiencia de front-end