使用CORS请求设置Cookie
我一直在努力解决这个问题几天。根据CORS请求设置Cookie。我看到了相互矛盾的文章和答案，有人说，只要XHR请求withCredentials设置为true，并且服务器发送适当的标头，浏览器就应该尊重Set- Cookie标头。但是，在我的测试中情况并非如此。
示例代码：
index.js（Node.js服务器）
const http = require('http');
const fs = require('fs');
// Pretty colors
const colors = {
purple: '\033[95m',
orange: '\033[93m',
blue: '\033[97m',
underline: '\033[4m',
bold: '\033[1m',
reset: '\033[0m'
}
const server = http.createServer(function (req, res) {
//Console logs to verify what's getting hit.
console.log(colors.purple + colors.underline + 'Hit it!' + colors.reset);
console.log(colors.orange + colors.bold + 'url:' + colors.reset, req.url);
if (/\/cookie/.test(req.url)) {
console.log(colors.blue + 'We need to cook(ie) Jesse\n' + colors.reset);
// Generate a random string in a rather convoluted way.
var randomStr = Math.floor(Math.random() * Number.MAX_SAFE_INTEGER).toString(36) +
Math.floor(Math.random() * Number.MAX_SAFE_INTEGER).toString(36) +
Math.floor(Math.random() * Number.MAX_SAFE_INTEGER).toString(36);
randomStr = new Buffer(randomStr.toString(), 'binary').toString('base64');
// All .dev domains pointed to localhost via dnsmasq, though a hosts file
// Update should also do the trick.
res.writeHead(200, {
'Set-Cookie': 'ajaxTestCookie=cookie' + randomStr + '; Domain=.example.dev; HttpOnly',
'Access-Control-Allow-Origin': 'http://example.dev:3999',
'Access-Control-Allow-Credentials': 'true',
'Access-Control-Allow-Methods': 'GET, POST',
'Access-Control-Allow-Headers': 'Content-Type, Set-Cookie, *'
});
return res.end('OK!');
}
console.log(colors.blue + 'We\'re having fun at the HTML!\n' + colors.reset);
// Send out html file.
fs.readFile('./cookies.html', function (err, data) {
if (err) {
res.writeHead(500);
return res.end('Failure to launch!');
}
res.end(data.toString());
});
});
server.listen(3999);
cookies.html
<html>
<head>
<title>Cookie Test</title>
</head>
<body>
<button class="getCookie">Get Cookies!</button>
<script>
(function() {
document.querySelector(".getCookie").addEventListener("click", function(e) {
console.log("test");
var req = new XMLHttpRequest();
req.open("GET", "http://localhost:3999/cookie", true);
req.onload = function() {
console.log(req.responseText);
};
req.withCredentials = true;
req.send();
});
}());
</script>
</body>
</html>
我已经尝试在Firefox Developer Edition和Chrome上对此进行测试，除非直接访问该页面，否则将不会设置cookie。
我有什么想让Cookie可以处理CORS请求的功能吗？
问题答案：
并非立即显而易见的是，服务器设置的cookie（至少在CORS请求中，并且可能（可能）在所有请求中）都被限制在与服务器相同的域中。
index.js（Node.js服务器）
const http = require('http');
const fs = require('fs');
// Pretty colors
const colors = {
purple: '\033[95m',
orange: '\033[93m',
blue: '\033[97m',
underline: '\033[4m',
bold: '\033[1m',
reset: '\033[0m'
}
const server = http.createServer(function (req, res) {
//Console logs to verify what's getting hit.
console.log(colors.purple + colors.underline + 'Hit it!' + colors.reset);
console.log(colors.orange + colors.bold + 'url:' + colors.reset, req.url);
if (/\/cookie/.test(req.url)) {
console.log(colors.blue + 'We need to cook(ie) Jesse\n' + colors.reset);
// Generate a random string in a rather convoluted way.
var randomStr = Math.floor(Math.random() * Number.MAX_SAFE_INTEGER).toString(36) +
Math.floor(Math.random() * Number.MAX_SAFE_INTEGER).toString(36) +
Math.floor(Math.random() * Number.MAX_SAFE_INTEGER).toString(36);
randomStr = new Buffer(randomStr.toString(), 'binary').toString('base64');
// All .dev domains pointed to localhost via dnsmasq, though a hosts file
// Update should also do the trick.
res.writeHead(200, {
'Set-Cookie': 'ajaxTestCookie=cookie' + randomStr + '; domain=.example.dev; HttpOnly',
'Access-Control-Allow-Origin': 'http://example.dev:3999',
'Access-Control-Allow-Credentials': 'true',
'Access-Control-Allow-Methods': 'GET, POST',
'Access-Control-Allow-Headers': 'Content-Type, Set-Cookie, *'
});
return res.end('OK!');
}
console.log(colors.blue + 'We\'re having fun at the HTML!\n' + colors.reset);
// Send out html file.
fs.readFile('./cookies.html', function (err, data) {
if (err) {
res.writeHead(500);
return res.end('Failure to launch!');
}
res.end(data.toString());
});
});
server.listen(3999); // api.example.dev:3999, for example
cookies.html
<html>
<head>
<title>Cookie Test</title>
</head>
<body>
<button class="getCookie">Get Cookies!</button>
<script>
(function() {
document.querySelector(".getCookie").addEventListener("click", function(e) {
console.log("test");
var req = new XMLHttpRequest();
// Request succeeds, but cookie will not be set!
// req.open("GET", "http://localhost:3999/cookie", true);
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
// This line, however, will work, assuming this page is on
// the same domain, or a subdomain of the same domain.
// (For example test.example.dev and api.example.dev)
// As long as the Access-Control-Allow-Origin Header is
// properly set to allow the domain.
req.open("GET", "http://api.example.dev:3999/cookie", true);
req.onload = function() {
console.log(req.responseText);
};
req.withCredentials = true;
req.send();
});
}());
</script>
</body>
-
问题内容： 我正在尝试通过javascript发布到我的 跨域 * 休息服务 *，并且意识到除非我使用此规范，否则这是不可能的； http://www.w3.org/wiki/CORS_Enabled 但是，关于如何实现此功能的文档非常有限，我有几个问题； 1-我使用 Glassfish Jee6 应用服务器，所以我可以简单地在我的web.xml中添加一个 码头 过滤器并完成工作吗？ 2-并且对于
-
我有以下代码： 我想删除脚本，我尝试使用c： set与不同的范围，但它不起作用。是否可以使用JSTL标签设置请求属性？ 我试过了，但没有成功： 而且还 之后有一个包括： 显然，在包含的JSP中，请求属性不可见。
-
问题内容： 这是根据提供的示例验证geoJSON的代码： 我正在尝试使用以下代码进行验证： 在此，我提出实际要求： 我在Chrome控制台中收到此错误： 标题 这是与请求相关的数据： 问题答案： 您不应该将其设置为请求标头，而是响应标头。 您可以从响应中看到服务器将接受哪些请求标头： 错误消息告诉您： 似乎也可能不接受。
-
如何使用cURL调试CORS请求？到目前为止，我找不到任何“模拟”飞行前请求的方法。
-
问题内容： 我有一个angular.js应用程序，我需要做CORS请求。 我想使用以下角度资源定义我的休息服务“角度”：http : //docs.angularjs.org/tutorial/step_11。 但是我还没有找到一种方法来使它工作。在google上，我找到了以下示例代码：http : //jsfiddle.net/ricardohbin/E3YEt/，但这似乎不适用于angular
-
问题内容： 尝试实施ajax登录/注册过程（不带身份验证的刷新站点）。使用Cookie来保存状态。我以为我现在就拥有此功能，但是由于某种原因，浏览器在从服务器取回cookie后仍未设置cookie。有人可以帮忙吗？这是请求和响应头： 请求标题 响应标题 我还在服务器返回的Chrome网络工具中看到了cookie： 响应Cookie 问题答案： 必须通过将“ withCredentials”设置设置