在预检响应中，Access-Control-Allow-Methods不允许使用方法DELETE

我正在使用泽西作为我的restful api实现。 在前端，我使用angularjs $ http服务来发出http请求。 当我请求删除方法时，我总是得到以下错误。

"Method DELETE is not allowed by Access-Control-Allow-Methods in preflight response." 

我读了一些文章，他们说我需要允许删除“Access-Control-Allow-Methods”。 我已经设置了如下的响应filter，但它仍然存在这样的问题。 我还该怎么办？

 @Provider public class CORSResponseFilter implements ContainerResponseFilter { @Override public void filter(ContainerRequestContext requestContext, ContainerResponseContext responseContext) throws IOException { MultivaluedMap headers = responseContext.getHeaders(); headers.add("Access-Control-Allow-Origin", "*"); headers.add("Access-Control-Allow-Methods", "*"); } } 

下面是我提出请求的角度代码：

 $http({ method: 'DELETE', url: remoteUrl, headers : {'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8', 'ACCESS_TOKEN' : $cookieStore.get("access_token") }, data : $httpParamSerializer({ 'id':id }) }).success(function(data,status,headers,config) { $scope.refreshDepartments(); console.log(data); alert("success"); }).error(function(data,status,headers,config){ console.log(data); alert("error"); }); 

Answer 1

经过一些测试，我找到了解决方案。 我把allow方法放在标题上，如下所示，然后就可以了。 我不知道为什么“*”不起作用。

 headers.add("Access-Control-Allow-Methods", "GET, POST, OPTIONS, PUT, DELETE"); 

Answer 2

尝试使用CORS扩展程序进行chrome，它曾帮我一次。

编辑

发生这种情况是因为angular会在请求标头中添加X-Header键。

X-Header通常定义或设置HTTP req / res的操作参数

您可以通过将请求的内容类型修改为“text / plain”或“application / x-www-form-urlencoded”或“multipart / form-data”来解决此问题 。

您可以在app配置中使用拦截器来完成此操作。

编辑

将此添加到您的服务器代码 –

 header('Access-Control-Allow-Headers: X-Requested-With'); 

尝试将内容类型更改为text / plain

希望这可以帮助。