Node express 官方示例cors跨域解析
node express
最近学习node以及express,看例子看的头疼,刚看完cors,写一下记录下来。
index.js
var express = require('../..'); var logger = require('morgan'); var app = express(); var bodyParser = require('body-parser'); var api = express();
首先创建了两个应用,一个是用户访问的app(客户端),另外一个是api作为请求的接口。
// app middleware app.use(express.static(__dirname + '/public')); // api middleware api.use(logger('dev')); api.use(bodyParser.json());
把app指向public目录
一些中间件,把app指向public目录,使用log,body解析为json。
/** * CORS support. */ api.all('*', function(req, res, next){ if (!req.get('Origin')) return next(); // use "*" here to accept any origin res.set('Access-Control-Allow-Origin', 'http://localhost:3000'); res.set('Access-Control-Allow-Methods', 'PUT'); res.set('Access-Control-Allow-Headers', 'X-Requested-With, Content-Type'); // res.set('Access-Control-Allow-Max-Age', 3600); if ('OPTIONS' == req.method) return res.send(200); next(); });
这里我的理解是 api应对目录的请求,响应的时候进行限制,比如来自3000端口,PUT方式,然后执行next
/** * PUT an existing user. */ api.put('/user/:id', function(req, res){ console.log('req.body'+req.body); console.log(req.body); res.send(204); }); app.listen(3000); api.listen(3001); console.log('app listening on 3000'); console.log('api listening on 3001');
最后针对指定目录下的put访问,console出请求体。
public目录下的index.html
var req = new XMLHttpRequest; req.open('PUT', 'http://localhost:3001/user/1', false); req.setRequestHeader('Content-Type', 'application/json'); req.send('{"name":"tobi","species":"ferret"}'); console.log(req.responseText);
创建一个http请求,初始化一个put请求,向3001(也就是api应用)下的user/1,发送了一串json,完毕
流程
用户访问localhost:3000, express把域名指向了文件系统public目录下的index.html,index.html通过js向3001端口发布了一个http的put请求,并上传了一串json。
api(localhost:3001)接收到这个请求,先检查响应类型,响应类型确定源和类型以后继续下一步,执行到 api.put 里面的 console出请求体。
https://github.com/strongloop/express/tree/master/examples/cors
以上就是Node express 官方示例cors跨域解析的详细内容,更多关于Node express cors跨域的资料请关注脚本之家其它相关文章!
相关文章
Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解
这篇文章主要介绍了Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-08-08关于Error:EPERM:operation not permitted,mkdir...的几种解决办法对比
这篇文章主要给大家介绍了关于Error:EPERM:operation not permitted,mkdir...的几种解决办法对比,文中通过图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2023-01-01node.js中的fs.createWriteStream方法使用说明
这篇文章主要介绍了node.js中的fs.createWriteStream方法使用说明,本文介绍了fs.createWriteStream方法说明、语法、接收参数、使用实例和实现源码,需要的朋友可以参考下2014-12-12
最新评论