休息API调用（从角）返回401

角应用，（在的WebPack开发服务器执行），休息API调用（从角）返回401

这让REST调用部署在码头有Spring应用程序（启用了春季安全/ BASIC身份验证）。

当调用http://localhost:8085/myapi/api/login通过角，响应是：401未经授权 （请求方法是OPTIONS，虽然被指定为POST）

试过大多数解决方案张贴与此相关的（使能/从角发送CORS标头，春季安全和web.xml（码头）侧

需要什么样的

错误在Chrome：？响应预检申请未通过访问控制检查：没有“访问控制允许来源”标头出现在所请求的资源

角：

let headers = new Headers(); 
headers.append("Authorization", "Basic " + btoa("test_user:test_user")); 
headers.append("X-Requested-With", "XMLHttpRequest"); 
headers.append("withCredentials", "true"); 
//headers.append("Access-Control-Allow-Methods", "GET, HEAD, OPTIONS, POST, PUT, DELETE"); 
//headers.append("Access-Control-Allow-Origen", "*"); 

let options = new RequestOptions({headers: headers}); 
this.http.post("http://localhost:8085/myapi/api/services/login", 
       JSON.stringify({}), options);

春季安全

<sec:http auto-config="true" use-expressions="true" 
entry-point-ref="authenticationEntryPoint"> 
    <sec:form-login /> 
    <sec:http-basic /> 
    <sec:logout /> 
    <sec:intercept-url pattern="/**" access="permitAll" /> 
    <!-- corsHandler: filter (OncePerRequestFilter) that adds Access-Control-Allow-Origin header --> 
    <sec:custom-filter ref="corsHandler" position="PRE_AUTH_FILTER"/> 
    <sec:cors /> 
</sec:http>

web.xml

<filter> 
    <filter-name>cross-origin</filter-name> 
    <filter-class>org.eclipse.jetty.servlets.CrossOriginFilter</filter-class> 
    <init-param> 
     <param-name>allowedOrigins</param-name> 
     <param-value>*</param-value> 
    </init-param> 
    <init-param> 
     <param-name>allowedMethods</param-name> 
     <param-value>GET,POST,OPTIONS,DELETE,PUT,HEAD</param-value> 
    </init-param> 
    <init-param> 
     <param-name>allowedHeaders</param-name> 
     <param-value>Origin,Content-Type,Accept,authorization,X-Requested-With</param-value> 
    </init-param> 
</filter> 
<filter-mapping> 
    <filter-name>cross-origin</filter-name> 
    <url-pattern>*</url-pattern> 
</filter-mapping>

的WebPack服务器：

devServer: { 
    historyApiFallback: true, 
    stats: 'minimal', 
     headers: { 
      'Access-Control-Allow-Origin': '*' 
     } 
    }

有过滤器（Servlet过滤器）和Spring拦截设置中添加访问控制允许，俄头，但都不执行。

来源

2017-08-25 kandan

最终的解决办法是在发展的WebPack服务器

代理创建代理避免CORS问题（代理：{...}）。其余api的URL已更新到角度应用程序正在运行的相同机器： this.http.post（“http://localhost：/myapi/api/services/login”，...）：

的WebPack代理：

devServer: { 
    historyApiFallback: true, 
    stats: 'minimal', 
    headers: { 
     'Access-Control-Allow-Origin': '*' 
    }, 
    proxy: { 
     '/myapi/api/**': { 
      target: 'http://localhost:8085', 
      secure: false    
     } 
    } 
}

从角，需要针对其余映射方法与认证头的HTTP通话。

@PostMapping("/login") 
public ResponseEntity login() { 
    return new ResponseEntity<>(HttpStatus.OK); 
}

调用此方法其余（通过代理）似乎做工精细一次CORS问题鸵鸟政策存在。

鸵鸟政策明白为什么CORS配置并没有在这种情况下工作：最相关的上述问题给出CORS的代码是没有必要这个解决方案

来源

2017-08-25 15:29:52 kandan

休息API调用（从角）返回401

回答

相关问题