Поле заголовка запроса не разрешено Access-Control-Allow-Headers в предполетном ответе ⇐ JAVA

[Anonymous]

Я использую angularjs2 во внешнем интерфейсе и Java Spring в качестве API для серверной части и получаю ошибку.

Код: Выделить всё

XMLHttpRequest cannot load 'Some url'. Request header field appkey is not allowed by Access-Control-Allow-Headers in preflight response.

это мой угловой код.

Код: Выделить всё

private logInUrl = 'Some url'; // URL to JSON file

authenticateUserCredentials(logIn: LogIn): Observable {

let body = JSON.stringify(logIn);
let headers = new Headers();
headers.append('Content-type', 'application/json');
headers.append('appKey', 'superadmin');

let options = new RequestOptions({ headers: headers });

return this.http.post(this.logInUrl, body, options)
.map(this.extractData)
.catch(this.handleError);
}

и код на стороне сервера, в котором мы использовали фильтр.

Код: Выделить всё

public final class CorsFilter extends OncePerRequestFilter{
@Override
protected void doFilterInternal(HttpServletRequest request, HttpServletResponse response, FilterChain filterChain)
throws ServletException, IOException {
// CORS "pre-flight" request
response.addHeader("Access-Control-Allow-Origin", "*");
response.addHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE");
// response.addHeader("Access-Control-Allow-Headers", "Content-type,X-Requested-With,Origin,accept");
response.addHeader("x-access_token","Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With");
response.addHeader("Access-Control-Max-Age", "1800");//30 min

filterChain.doFilter(request, response);
}
}

В приложении PostMan остальные API работают нормально с обоими заголовками appKey и Content-type

Это правильный способ реализации заголовка appKey или предложите любой другой способ отправки пользовательского заголовка или пользовательских данных в предопределенных заголовках.>