CORS Cookie,和nodejs中的具体实现

最新推荐文章于 2025-09-07 20:26:04 发布

weixin_30919235

最新推荐文章于 2025-09-07 20:26:04 发布

阅读量88

点赞数

CC 4.0 BY-SA版权

文章标签：网络

原文链接：http://www.cnblogs.com/idche/p/3190926.html

本文详细介绍了如何在Node.js和Express框架中实现CORS（跨来源资源共享），包括如何配置服务器头信息以允许跨域请求，并通过实例展示了CORS与Cookie在实际应用中的整合。

CORS(跨来源资源共享协议)，高级浏览器(Chrome,firefox, opera, safir, ie10)在 XMLHttpRequest(AJAX) 中已经支持了这个协议。可以实现ajax跨域访问。（其实IE8也实现了，只不过是另外一个对象）

由于是跨来源的的访问，标识HTTP状态的Cookie的使用有一些特别处理。

Server Nodejs 代码

res.setHeader('Access-Control-Allow-Origin', req.headers.origin);//注意这里不能使用 * 
res.setHeader('Access-Control-Allow-Credentials', true);//告诉客户端可以在HTTP请求中带上Cookie
res.setHeader('Access-Control-Allow-Methods', 'POST, GET, PUT, DELETE, OPTIONS');

浏览器中 JS 代码

var xhr = new XMLHttpRequest();
xhr.open("post", "xxx/xxx", true);
xhr.withCredentials = true;//放在 open 方法后面比较靠谱
xhr.onload = function(){}
xhr.send("a=1&b=2");

CORS + Cookie 在nodejs + express 中的实现。

做一个/getInfo 的ajax接口。

浏览器会先发送一个 options请求验证权限，最后再完成真的业务请求。

//首先做一个 options 的请求返回CORS的头信息。
app.options('/getInfo', function(req, res){
	res.setHeader('Access-Control-Allow-Origin', req.headers.origin);
	res.setHeader('Access-Control-Allow-Credentials', true);
	res.setHeader('Access-Control-Allow-Methods', 'POST, GET, PUT, DELETE, OPTIONS');
});

//请求的业务逻辑
app.get('/getInfo', function(req, res){
	res.setHeader('Access-Control-Allow-Origin', req.headers.origin);
	res.setHeader('Access-Control-Allow-Credentials', true);
	res.end("I'm jun");
});

最后欢迎观看CORS+WebSocket 做的一个在线用户即时对话工具。http://vchat.co/c/chat-js

Over

转载于:https://www.cnblogs.com/idche/p/3190926.html