构建前端开发环境之----使用express处理POST跨域请求

来源：互联网发布：哪些手机可以刷ubuntu 编辑：程序博客网时间：2024/06/05 16:14

回顾

在上次的文章中，实现了开发环境的简单的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 bodiesapp.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 bodiesapp.use(bodyParser.urlencoded({ extended: true })); // support encoded bodiesapp.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);

0 0