すべてのリクエストに余分なヘッダーを追加する（Angular to Tomcat）

Question

私は角度アプリをポートで実行しています。そして私の残りのサーバは、ポートで実行されています。

残りのサーバーに対するすべての要求に余分のヘッダーを追加します。

だから、ここ休息サーバのweb.xml設定ファイルです：

<filter> 

    <filter-name>CorsFilter</filter-name> 
    <filter-class>org.apache.catalina.filters.CorsFilter</filter-class> 

    <!-- With or without this, it doesn't work --> 
    <init-param> 
     <param-name>cors.allowed.headers</param-name> 
     <param-value>Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers</param-value> 
    </init-param> 

    <init-param> 
     <param-name>cors.allowed.origins</param-name> 
     <param-value>http://localhost:3000</param-value> 
    </init-param> 

    <init-param> 
     <param-name>cors.allowed.methods</param-name> 
     <param-value>GET,POST,HEAD,OPTIONS,PUT,DELETE</param-value> 
    </init-param> 

    <init-param> 
     <param-name>cors.exposed.headers</param-name> 
     <param-value>Location</param-value> 
    </init-param> 

</filter> 

私はinterceptor.jsでこれを追加すると：

config.headers["x-rest-version"] = "2.0.0"; // version dynamically generated 

サーバは403を返します。

# Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. The response had HTTP status code 403. 

javascriptファイルの行を削除すると、要求は正常に実行されます。

Answer 1

HTTPサーバは、HTTPヘッダをチェックするために使用すると、あなたは、ヘッダーx-rest-versionに合格しようとしていると、あなたの設定にホワイトリストされているではありません。

x-rest-versionをcors.allowed.headersに追加します。

... 
<init-param> 
    <param-name>cors.allowed.headers</param-name> 
    <param-value>x-rest-version,Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers</param-value> 
</init-param> 
...