Nginx反向代理实现Vue跨域的示例

public class TestApplication implements WebMvcConfigurer {
    public static void main(String[] args) {
        SpringApplication.run(TestApplication.class, args);
    }
    @Override
    protected void addCorsMappings(CorsRegistry registry) {
        // 解决跨域问题
        registry.addMapping("/**")
                .allowCredentials(true)
                .allowedHeaders("*")
                .allowedOrigins("*")
                .allowedMethods("*")
                .maxAge(3600);
        super.addCorsMappings(registry);
    }
}

server {
		listen  8085;							// 我们要监听的端口（可以是没有被占用的任意端口号）
		server_name 192.168.1.1;				// 你的服务器ip地址
		location /api {							// 要代理的路径，这个是指以api开头
			proxy_pass http://127.0.0.1:8082/;	// 代理指向的ip地址以及端口号
		}
}

server {
	listen  8085;									// 我们要监听的端口（可以是没有被占用的任意端口号）
		server_name 192.168.1.2;					// 你的服务器ip地址
		location / {								// 代理/开头的路径
			proxy_pass http://192.168.1.2:8082/;	// 代理指向的ip地址以及端口号,切记加上http
		}
		location /api {								//  代理api开头的路径
			proxy_pass http://192.168.1.3:8083/;	//	指向后端接口的IP地址加端口号
		}
}