构建前端开发环境之----使用express处理POST跨域请求
2016-06-26 12:20
585 查看
回顾
在上次的 文章中,实现了 开发环境的简单的jsonp 处理,但是只能处理 GET 请求,不支持 POST 请求。为了让 模拟的效果更好一点,还要能处理 POST 跨域请求。使用 CORS 处理跨域
在 express 中实现 CORS 的方法如下:app.use(function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); next(); });
在 express 中处理 POST 请求需要一个中间件,代码如下:
var bodyParser = require('body-parser'); app.use(bodyParser.json()); // support json encoded bodies app.use(bodyParser.urlencoded({ extended: true })); // support encoded bodies
举个完整的栗子
var express = require('express');
var app = express();
var bodyParser = require('body-parser'); app.use(bodyParser.json()); // support json encoded bodies app.use(bodyParser.urlencoded({ extended: true })); // support encoded bodies
app.use(function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); next(); });
app.post('/login.json', function(req, res, next) {
// 使用 req.body 可以拿到 post 请求中的数据
console.log(req.body.name);
// 默认返回的json 对象
var obj = {
"success": false,
"error_code":"NOT_LOGIN"
}
res.json(obj);
});
app.listen(4100);
相关文章推荐
- GUI - Web前端开发框架
- 如何优雅地处理前端异常?
- 如何安装SQL Server 2008 Management Studio Express
- 探秘ajax跨域请求
- sql server 2008 r2 express 精简版与企业版的区别
- WEB前端开发都应知道的jquery小技巧及jquery三个简写
- 基于iframe实现ajax跨域请求 获取网页中ajax数据
- Node.js的Express框架使用上手指南
- jquery ajax结合thinkphp的getjson实现跨域的方法
- PHP如何实现跨域
- SQL Sever 2005 Express 安装失败解决办法
- Nodejs初级阶段之express
- 前端开发过程中浏览器版本的两种判定方法
- Bootstrap每天必学之前端开发框架
- JavaScript cookie 跨域访问之广告推广
- ie7下利用ajax跨域盗取cookie的解决办法
- javascript跨域的方法汇总
- 在Ajax中使用Flash实现跨域数据读取的实现方法
- AJAX实现跨域的三种方法(代理,JSONP,XHR2)
- js实现跨域访问的三种方法