Я разрабатываю проект с библиотекой ax ios в Vue. js. Я добавляю информацию о токене в параметры заголовка запроса, созданного с помощью aixos. Но когда я пытаюсь прочитать этот заголовок в веб-службе, информация об авторизации возвращает значение null.
Клиентская
let config = {
headers : {
'Content-Type': 'application/json',
'Authorization': token.toString(),
}
}
console.log(token)
axios.post(baseUrl.base+'api/v1/post', {post},{
headers : {
'Authorization' : token.toString(),
'Content-Type': 'application/json',
}
}).then(response => {
console.log(response)
})
Серверная JWTFilter. java
protected void doFilterInternal(HttpServletRequest request,
HttpServletResponse response,
FilterChain filterChain) throws ServletException, IOException {
try {
if (isProtectedUrl(request)) {
String token = request.getHeader("Authorization"); // expected value = Bearer eyc... but return null
JwtUtil.validateToken(token);
}
} catch (Exception e) {
response.sendError(HttpServletResponse.SC_UNAUTHORIZED, e.getMessage());
return;
}
filterChain.doFilter(request, response);
}
CorsConfig. java
@Bean
CorsConfigurationSource corsConfigurationSource() {
CorsConfiguration configuration = new CorsConfiguration();
configuration.setAllowedOrigins(Arrays.asList("*"));
configuration.setAllowedMethods(Arrays.asList("GET","POST"));
configuration.setAllowCredentials(true);
configuration.addAllowedOrigin("*");
configuration.addAllowedHeader("*");
configuration.addAllowedMethod("*");
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
source.registerCorsConfiguration("/**", configuration);
return source;
}
Access to XMLHttpRequest at 'localhost:8081/api/v1/post' from origin 'localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status