本篇文章主要介紹了，如何通過Nginx配置跨域，并覆蓋后端服務(wù)跨域配置。

先看下后端代碼跨域配置：

主要的目標是：不修改后端跨域配置代碼，來實現(xiàn)Nginx跨域指定域名。

    @Bean
    public CorsFilter corsFilter() {
        final UrlBasedCorsConfigurationSource urlBasedCorsConfigurationSource = new UrlBasedCorsConfigurationSource();
        final CorsConfiguration corsConfiguration = new CorsConfiguration();
        corsConfiguration.setAllowCredentials(true);
        corsConfiguration.addAllowedOrigin("*");
        corsConfiguration.addAllowedHeader("*");
        corsConfiguration.addAllowedMethod("*");
        urlBasedCorsConfigurationSource.registerCorsConfiguration("/**",
            corsConfiguration);
        log.info("跨域已啟動");
        return new CorsFilter(urlBasedCorsConfigurationSource);
    }

    @Bean
    public RestTemplate restTemplate() {
        return new RestTemplate();
    }

}

Nginx覆蓋后端代理服務(wù)的header，有兩種實現(xiàn)方式

1. 使用 proxy_hide_header 方式實現(xiàn)。
2. 使用more_set_headers 'Access-Control-Allow-Origin: 指定域名';

使用 proxy_hide_header 方式實現(xiàn)：

  server {
      listen       7077;
     server_name  localhost;
     add_header Access-Control-Allow-Headers "*";
     add_header Access-Control-Allow-Methods "POST, GET, PUT, PATCH, OPTIONS";
     #隱藏后端服務(wù)響應(yīng)中的 Access-Control-Allow-Origin 標頭
     proxy_hide_header 'Access-Control-Allow-Origin';
     # 隱藏后再次添加 Access-Control-Allow-Origin 標頭。只允許8091域下訪問
     add_header 'Access-Control-Allow-Origin' 'http://192.0.0.1:8091';
     location /xxx/pc {
        proxy_pass http://192.0.0.1:7077;
     }
 }

使用more_set_headers方式實現(xiàn)：

more方式需要安裝nginx模塊。模塊安裝可以參考：more安裝步驟文章來源地址http://www.zghlxwxcb.cn/news/detail-422655.html

  server {
     listen       7077;
     server_name  localhost;
     add_header Access-Control-Allow-Headers "*";
     add_header Access-Control-Allow-Methods "POST, GET, PUT, PATCH, OPTIONS";
   
     #直接設(shè)置后端服務(wù)響應(yīng)中的 Access-Control-Allow-Origin 標頭內(nèi)容。
     more_set_headers 'Access-Control-Allow-Origin: http://192.0.0.1:8091' 
     location /xxx/pc {
        proxy_pass http://192.0.0.1:7077;
    }
 }

到了這里，關(guān)于Nginx配置跨域，覆蓋后端服務(wù)跨域配置的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！