Resumo : Quando o Faço requisições ao BackEnd com o Postman tudo ocorre bem, mas quando faço requisições com o Front-End ReactJS Axios chegam 2 requisições à API, 1 sem Token e outra com Token.
Estou em um projeto que consistem em uma API Java (JAX-RS - JERSEY2) que é consumida por uma aplicação REACTJS (Axios implementando o XMLHttpRequest).
Quando o Front-End faz uma Requisição para a API em determinados End-Points se faz necessário o uso do Token no Header da requisição.
Segue o código do Filtro da API:
@Provider()
@Priority(Priorities.AUTHENTICATION)
public class Authentication implements ContainerRequestFilter {
@Context
private UriInfo uriInfo;
@Override
public void filter(ContainerRequestContext requestContext) throws IOException {
JWTController jwt_controller = new JWTController();
String authorizationHeader = requestContext.getHeaderString(HttpHeaders.AUTHORIZATION);
System.out.println(authorizationHeader == null);
}
}
Requisições feitas com o POSTMAN retorna :
> false
Requisições feitas com o AXIOS retorna :
> true
> false
Segue código do Javascript que faz as requisições:
Arquivo que guarda as Instancias do Axios services/api:
import Axios from 'axios';
export const api = Axios.create(//Instacia para requisições sem Token
{
baseURL:"http://localhost:8080/beta_projects"
}
);
export const api_with_token = Axios.create(//Instacia para requisições com Token
{
baseURL:"http://localhost:8080/beta_projects"
}
);
arquivo pages/home.js:
try {
let token = localStorage.getItem("token");
let id_user = getIdUser(token);
let URL = `user/${id_user}/activities`;
api_with_token.defaults.headers.common['Authorization'] = `Bearer ${token}`;
let response = await api_with_token.get(URL);
this.setState({ activities: response.data });
console.log(response.data);
return response;
} catch (err) {
console.log(err.response);
return err;
}
Não entendo o porque das duas requisições.
[RESOLUÇÃO] Abrir o filtro de autenticação para requisições do tipo OPTIONS da seguinte maneira
if (isPublic() || requestContext.getMethod().equals("OPTIONS")) {
return;
}