在localhost上使用angularjs获取未经授权的401：3000用于后端

Question

我有一个在端口ORDER BY上运行的angularjs前端，后端在端口8080上。 后端目前使用POSTMAN工作正常。

但是当我将它们组合起来时，我得到以下内容

我对后端的设置是：

3000

安全设置是（无登录页面，但HTTP基本）：

//Global CORS configuration
@Bean
public WebMvcConfigurer corsConfigurer() {
    return new WebMvcConfigurerAdapter() {
        @Override
        public void addCorsMappings(CorsRegistry registry) {
            registry.addMapping("/**").allowedOrigins("*");
        }
    };
}

前端Angular：

@Override
protected void configure(HttpSecurity http) throws Exception {
    http
      .csrf().disable()
      .authorizeRequests()
      .antMatchers("/**").hasAnyRole("ADMIN", "USER")
      .and()
      .httpBasic()
      .and()
      .sessionManagement().sessionCreationPolicy(SessionCreationPolicy.STATELESS);

}

@Bean
public CustomBasicAuthenticationEntryPoint getBasicAuthEntryPoint(){
    return new CustomBasicAuthenticationEntryPoint();
}

任何人都知道可能是什么问题？

Answer 1

我的错误。我的角客户端提供的凭据不正确。一旦我纠正了这些，这一切都很好。谢谢所有想要帮助的人。