使用 express 在节点 js 上显示 angularjs 发布的数据

Question

在角度方面，我使用 post 方法传递了数据。

var data = {
  'id': mydata.google_id,
  'token': mydata.token,
  'email': mydata.email,
  'name': mydata.name
}; 

$http.post('http://localhost:3000/login1',data,config)
     .success(function (data, status, headers, config) { ... })
     .error(function (data, status, header, config) { ... });

在服务器端尝试访问我使用req.body.id 发布的数据，但我不能

当我在控制台中显示req.body 时，我得到了以下响应：

{ ' {"id" : "1234" , "email" : "xyz@gmail.com" , "name" : "xyz"}' : '  ' [_proto_] : { } }

帮我解决这个错误

Answer 1

正在使用哪个版本的 express？ 尝试使用解析请求正文

app.use(bodyParser());

Answer 2

查看您的控制台日志，对象属性名称似乎是字符串（注意属性名称周围的双引号）。

你应该这样设置你的对象：

var data = {
    id: mydata.google_id,
    token: mydata.token,
    email: mydata.email,
    name: mydata.name 
};

在对象字面量初始化中不引用属性名称（如果这不是您需要的 :-)。

查看此链接：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer

希望这会有所帮助。

Answer 3

看起来您可能启用了bodyParser，但您需要使用以下命令启用bodyParser.json() 中间件：

var express = require('express');
var app = express();

var bodyParser = require('body-parser');
var cors = require('cors');

app.use(cors());

// parse application/json
app.use(bodyParser.json());

app.post('/meow', function(req, res) {
  console.dir(req.body);
  res.send(req.body);
});

app.listen(8181);

这将允许您发布自己的现状，但可以让您直接访问req.body 属性（相对于原始字符串正文）。最终，Anuglar 的 $http.post() 方法会将您的 javascript data 对象转换为 JSON，然后再将其发送到您的服务器。

var data = {
  id: mydata.google_id,
  token: mydata.token,
  email: mydata.email,
  name: mydata.name
};

var config = {
  headers: {}
};

$http.post('http://localhost:8181/meow', data, config);