HTTP标头中的Set-Cookie被AngularJS忽略

Question

我正在开发一个客户端基于AngularJS的应用程序，服务器端基于我的API(Tomcat+Jersey for WS）的Java。

我的API的某些路径受到限制，如果用户没有会话，则返回的响应状态为401。在客户端，拦截401个http状态以将用户重定向到登录页面。

用户通过身份验证后，我将在服务器端创建一个会话

httpRequest.getSession(true);

null

Set-Cookie:JSESSIONID=XXXXXXXXXXXXXXXXXXXXX; Domain=localhost; Path=/api/; HttpOnly

问题是cookie从不放在客户端。当我检查localhost域的cookie时，它是空的，所以下一个请求的头中没有这个cookie，客户端仍然无法访问我的API的受限路径。

客户端和服务器位于同一域中,但它们不具有相同的路径和相同的端口号：

客户端:http://localhost:8000/app/index.html

服务器:http://localhost:8080/api/restricted/

附加信息：CORS在两侧均启用：

"Access-Control-Allow-Methods", "GET, POST, OPTIONS"
"Access-Control-Allow-Origin", "*"
"Access-Control-Allow-Credentials", true

有什么办法可以让Set-cookie正常工作吗？是AngularJS相关的问题吗？

Answer 1

在客户端的post请求中，确保添加以下内容：

对于jquery ajax请求：

null

$.ajax({
  url: "http://yoururlgoeshere",
  type: "post",
  data: "somedata",
  xhrFields: {
    withCredentials: true
  }
});

Answer 2

我解决了一个和你很相似的问题。我的戏！后端试图设置一个会话Cookie，但我无法在Angular中捕获或通过浏览器存储。

实际上，解决方案包含了这一点和那一点。

假设您已经解决了最初的问题，这个问题只能通过向Access-Control-Allow-Origin添加特定域并删除通配符来解决，接下来的步骤是：

>

您必须从set-cookie头中删除HTTP-Only，否则您将永远无法接收由您的angular代码“生成”的cookie
此设置已在Firefox中运行，但在Chrome中不行

要使它也适用于Chrome,您需要：

a）从cookie中的localhost发送不同的域，使用您的WS“托管”的域。您甚至可以使用诸如.domain.com之类的通配符，而不是WS.domain.com

b）然后您需要调用您在cookie中指定的域，否则Chrome不会存储您的cookie

[可选]我将删除/API路径，以支持/

这应该是诀窍。
希望对你有所帮助

Answer 3

我在AngularJS中发现了一个问题，帮助我向前迈进。

客户端似乎未设置“access-control-allow-credentials”:true。已忽略指令$HttpProvider.Defaults.WithCredentials=true。

我将$Resource调用替换为一个简单的$HTTP调用，在config参数中使用{WithCredentials：true}。