Problems consuming api rest from angular

0

I have a api rest with a cors filter

package com.constellation.market.config;
import java.io.IOException;

import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.springframework.stereotype.Component;


// When @EnableWebSecurity is on then @Component shouldnt be used else the filter will be registered twice
@Component
public class BasicCorsFilter implements javax.servlet.Filter{

    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
    HttpServletResponse res = (HttpServletResponse) response;
    HttpServletRequest req = (HttpServletRequest) request;

    res.setHeader("Access-Control-Allow-Origin", "*");
    res.setHeader("Access-Control-Allow-Methods", "GET, POST, DELETE, PUT, OPTIONS");
    res.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, Accept-Encoding, Accept-Language, Host, Referer, Connection, User-Agent, authorization, sw-useragent, sw-version");

    // Just REPLY OK if request method is OPTIONS for CORS (pre-flight)
    if ( req.getMethod().equals("OPTIONS") ) {
    res.setStatus(HttpServletResponse.SC_OK);
    return;
    }
    chain.doFilter(request, response);
    }

    @Override
    public void destroy() {}

    @Override
    public void init(FilterConfig filterConfig) throws ServletException {}


}

When I consume the service from my angular app, the login takes it well and authenticates me

 userAuthentication(userName: string, password: string){
  var data = "grant_type=password&username="+userName+"&password="+password;

  let headers : HttpHeaders = new HttpHeaders();

  headers = headers.append('Content-Type',  'application/x-www-form-urlencoded');
  headers = headers.append('Authorization', 'Basic b25lbW9yZWNsaWVudGlkOlhZN2ttem9OemwxMDA=');

  return this.http.post(this.loginUrl, data, {headers: headers}).catch(this.handleError);
}

But when I invoke the service getMe that the authenticated user gives me this error

  

Failed to load    link : Response to   preflight request does not pass access control check: No   'Access-Control-Allow-Origin' header is present on the requested   resource. Origin ' link ' is therefore not allowed   access. The response had HTTP status code 401.

This is the service code getMe()

getUserMe(){
   return this.http.get(this.getMe, {headers : new HttpHeaders({'Authorization' : 'Bearer '+localStorage.getItem('userToken')})}).catch(this.handleError);
 }

Please help, Thank you very much in advance

    
asked by Escarlet Escoto del Toro 29.03.2018 в 18:50
source

0 answers