वसंत-बूट और कोणीय के साथ सीओआरएस काम नहीं कर रहे

Question

मैं एक आवेदन (वसंत-बूट एप्लिकेशन) पर एक दूसरे (कोणीय) से आरईएसटी एंडपॉइंट्स को कॉल करने का प्रयास कर रहा हूं। एप्लिकेशन निम्न होस्ट और बंदरगाहों पर चल रहे हैं।

• बाकी आवेदन, वसंत बूट का उपयोग कर, http://localhost:8080
• एचटीएमएल आवेदन, AngularJS का उपयोग कर, http://localhost:50029

मैं भी वसंत-बूट आवेदन के साथ spring-security उपयोग कर रहा हूँ। एचटीएमएल एप्लिकेशन से, मैं आरईएसटी एप्लीकेशन को प्रमाणित कर सकता हूं, लेकिन उसके बाद, मैं अभी भी किसी भी आरईएसटी एंडपॉइंट तक नहीं पहुंच सकता। उदाहरण के लिए, मेरे पास निम्नानुसार परिभाषित एंजुलरज सेवा है।

adminServices.factory('AdminService', ['$resource', '$http', 'conf', function($resource, $http, conf) { 
    var s = {}; 
    s.isAdminLoggedIn = function(data) { 
     return $http({ 
      method: 'GET', 
      url: 'http://localhost:8080/api/admin/isloggedin', 
      withCredentials: true, 
      headers: { 
       'X-Requested-With': 'XMLHttpRequest' 
      } 
     }); 
    }; 
    s.login = function(username, password) { 
     var u = 'username=' + encodeURI(username); 
     var p = 'password=' + encodeURI(password); 
     var r = 'remember_me=1'; 
     var data = u + '&' + p + '&' + r; 

     return $http({ 
      method: 'POST', 
      url: 'http://localhost:8080/login', 
      data: data, 
      headers: {'Content-Type': 'application/x-www-form-urlencoded'} 
     }); 
    }; 
    return s; 
}]); 

कोणीय नियंत्रक निम्न जैसा दिखता है।

adminControllers.controller('LoginController', ['$scope', '$http', 'AdminService', function($scope, $http, AdminService) { 
    $scope.username = ''; 
    $scope.password = ''; 

    $scope.signIn = function() { 
     AdminService.login($scope.username, $scope.password) 
      .success(function(d,s) { 
       if(d['success']) { 
        console.log('ok authenticated, call another REST endpoint'); 
        AdminService.isAdminLoggedIn() 
         .success(function(d,s) { 
          console.log('i can access a protected REST endpoint after logging in'); 
         }) 
         .error(function(d, s) { 
          console.log('huh, error checking to see if admin is logged in'); 
          $scope.reset(); 
         }); 
       } else { 
        console.log('bad credentials?'); 
       } 
      }) 
      .error(function(d, s) { 
       console.log('huh, error happened!'); 
      }); 
    }; 
}]); 

http://localhost:8080/api/admin/isloggedin करने के लिए कॉल पर, मैं एक 401 Unauthorized मिलता है।

आरईएसटी आवेदन पक्ष पर, मेरे पास एक कॉरस फ़िल्टर है जो निम्न जैसा दिखता है।

@Component 
@Order(Ordered.HIGHEST_PRECEDENCE) 
public class CORSFilter implements Filter { 

    @Override 
    public void destroy() { } 

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

     response.setHeader("Access-Control-Allow-Origin", "http://localhost:50029"); 
     response.setHeader("Access-Control-Allow-Methods", "POST, PUT, GET, OPTIONS, DELETE"); 
     response.setHeader("Access-Control-Max-Age", "3600"); 
     response.setHeader("Access-Control-Allow-Headers", "X-Requested-With, X-Auth-Token"); 
     response.setHeader("Access-Control-Allow-Credentials", "true"); 

     if(!"OPTIONS".equalsIgnoreCase(request.getMethod())) { 
      chain.doFilter(req, res); 
     } 
    } 

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

मेरी वसंत सुरक्षा कॉन्फ़िगरेशन निम्न की तरह दिखती है।

@Configuration 
@EnableWebSecurity 
public class WebSecurityConfig extends WebSecurityConfigurerAdapter { 

    @Autowired 
    private RestAuthenticationEntryPoint restAuthenticationEntryPoint; 

    @Autowired 
    private JsonAuthSuccessHandler jsonAuthSuccessHandler; 

    @Autowired 
    private JsonAuthFailureHandler jsonAuthFailureHandler; 

    @Autowired 
    private JsonLogoutSuccessHandler jsonLogoutSuccessHandler; 

    @Autowired 
    private AuthenticationProvider authenticationProvider; 

    @Autowired 
    private UserDetailsService userDetailsService; 

    @Autowired 
    private PersistentTokenRepository persistentTokenRepository; 

    @Value("${rememberme.key}") 
    private String rememberMeKey; 

    @Override 
    protected void configure(HttpSecurity http) throws Exception { 
     http 
      .csrf().disable() 
      .exceptionHandling() 
      .authenticationEntryPoint(restAuthenticationEntryPoint) 
       .and() 
      .authorizeRequests() 
       .antMatchers("/api/admin/**").hasRole("ADMIN") 
       .antMatchers("/", "/admin", "/css/**", "/js/**", "/fonts/**", "/api/**").permitAll() 
       .anyRequest().authenticated() 
       .and() 
      .formLogin() 
       .successHandler(jsonAuthSuccessHandler) 
       .failureHandler(jsonAuthFailureHandler) 
       .permitAll() 
       .and() 
      .logout() 
       .deleteCookies("remember-me", "JSESSIONID") 
       .logoutSuccessHandler(jsonLogoutSuccessHandler) 
       .permitAll() 
       .and() 
      .rememberMe() 
       .userDetailsService(userDetailsService) 
       .tokenRepository(persistentTokenRepository) 
       .rememberMeCookieName("REMEMBER_ME") 
       .rememberMeParameter("remember_me") 
       .tokenValiditySeconds(1209600) 
       .useSecureCookie(false) 
       .key(rememberMeKey); 
    } 

    @Autowired 
    public void configureGlobal(AuthenticationManagerBuilder auth) throws Exception { 
     auth 
      .authenticationProvider(authenticationProvider); 
    } 
} 

सभी संचालकों कर रही हो {success: true} के आधार पर यदि उपयोगकर्ता में लॉग इन, प्रमाणित करने के लिए विफल रहा है, या लॉग आउट की तरह एक JSON प्रतिक्रिया बाहर लिख रहे हैं। RestAuthenticationEntryPoint निम्न जैसा दिखता है।

@Component 
public class RestAuthenticationEntryPoint implements AuthenticationEntryPoint { 

    @Override 
    public void commence(HttpServletRequest req, HttpServletResponse resp, AuthenticationException ex) 
      throws IOException, ServletException { 
     resp.sendError(HttpServletResponse.SC_UNAUTHORIZED, "Unauthorized"); 
    } 

} 

क्या मैं याद कर रहा हूं या गलत कर रहा हूं पर कोई विचार?

Answer 1

import java.io.IOException; 
import javax.servlet.Filter; 
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.slf4j.Logger; 
import org.slf4j.LoggerFactory; 
import org.springframework.stereotype.Component; 

@Component 
public class SimpleCORSFilter implements Filter { 

private final Logger log = LoggerFactory.getLogger(SimpleCORSFilter.class); 

public SimpleCORSFilter() { 
    log.info("SimpleCORSFilter init"); 
} 

@Override 
public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException { 

    HttpServletRequest request = (HttpServletRequest) req; 
    HttpServletResponse response = (HttpServletResponse) res; 

    response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin")); 
    response.setHeader("Access-Control-Allow-Credentials", "true"); 
    response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE"); 
    response.setHeader("Access-Control-Max-Age", "3600"); 
    response.setHeader("Access-Control-Allow-Headers", "Content-Type, Accept, X-Requested-With, remember-me"); 

    chain.doFilter(req, res); 
} 

@Override 
public void init(FilterConfig filterConfig) { 
} 

@Override 
public void destroy() { 
} 

} 

इस फ़िल्टर को अतिरिक्त परिभाषित करने की आवश्यकता नहीं है बस इस कक्षा को जोड़ें। वसंत स्कैन होगा और इसे आपके लिए जोड़ देगा। SimpleCORSFilter। यहां उदाहरण है: spring-enable-cors

Answer 2

मैं इसी तरह की स्थिति में था। अनुसंधान और परीक्षण करने के बाद, यहाँ मेरी निष्कर्ष है:

1. स्प्रिंग बूट, सक्षम करने के लिए वैश्विक CORS वसंत MVC के भीतर घोषित करने और के साथ संयुक्त करने के लिए है सुझाया गया तरीका के साथ

   सुक्ष्म @CrossOrigin विन्यास के रूप में:

   @Configuration 
   public class CorsConfig { 
   
       @Bean 
       public WebMvcConfigurer corsConfigurer() { 
        return new WebMvcConfigurerAdapter() { 
         @Override 
         public void addCorsMappings(CorsRegistry registry) { 
          registry.addMapping("/**").allowedMethods("GET", "POST", "PUT", "DELETE").allowedOrigins("*") 
            .allowedHeaders("*"); 
         } 
        }; 
       } 
   } 
   

@EnableWebSecurity 
public class WebSecurityConfig extends WebSecurityConfigurerAdapter { 

    @Override 
    protected void configure(HttpSecurity http) throws Exception { 
     http.cors().and()... 
    } 
} 

:

2. अब, जब से तुम स्प्रिंग सुरक्षा का उपयोग कर रहे हैं, तो आप स्प्रिंग सुरक्षा के स्तर पर CORS सक्षम करने के लिए और साथ ही यह विन्यास के रूप में वसंत MVC स्तर पर परिभाषित लाभ उठाने के लिए अनुमति देने के लिए है 10

   Here स्प्रिंग एमवीसी ढांचे में सीओआरएस समर्थन समझाते हुए बहुत ही उत्कृष्ट ट्यूटोरियल है।

Answer 3

जांच इस एक:

@Override 
protected void configure(HttpSecurity httpSecurity) throws Exception { 
    ... 
      .antMatchers(HttpMethod.OPTIONS, "/**").permitAll() 
    ... 
}