将 JSON 发送到 Express

Question

我阅读了很多关于如何通过邮件发送 json 来表达的帖子，但没有一个有效或解决了我的问题。

我的问题是，当阅读req.body 时，req 是请求对象 我得到这样的输出：{ '{"z":"z"}': '' } 我发送了这个对象 {z:"z"}

这是意料之外的，之前也没有看到任何行为。

这是角度 httpClient 请求：

return new Promise((res,rej)=>{
        this.http.post("http://localhost:3000/Auth/Login",{z:"z"},{headers:new HttpHeaders('Content-Type:application/x-www-form-urlencoded')})
            .toPromise()
              .then(
              response =>{
               res(response)
              }
              ).catch(
                  err=>{
                      rej(err)
                  }
              )
    })

这是服务器代码：

router.route('/Login').all(function (req, res, next) {
    next();
}).post(function(req, res, next) {
    console.log(req.body);})

我想要的是获得与我发送的相同的对象。

帮助！

Answer 1

在服务中（或使用 api 连接的地方）使用来自@angular/common/http 的HttpClient - 因为只有在HttpClient 中才能使用HttpHeaders。

简单服务示例：

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';

@Injectable()
export class AppService {

  constructor(private http: HttpClient) { }

  toparams = function ObjecttoParams(obj) {
    var p = [];
    for (var key in obj) {
      p.push(key + '=' + encodeURIComponent(obj[key]));
    }
    return p.join('&');
  };

  login(): any {
    return new Promise((res, rej) => {
      let obj = { z: "z" };
      this.http.post("http://localhost:3000/Login", this.toparams(obj), {headers:new HttpHeaders('Content-Type:application/x-www-form-urlencoded')})
        .toPromise()
        .then( response => {
            res(response)
          }
        ).catch(err => {
            rej(err)
          }
        )
    })
  };
}

在模块中：

import { HttpModule } from "@angular/http"
...
imports: [
  ....
  HttpModule
],

Node.js + express 示例：

var express = require('express');
var app = express()
var bodyParser = require('body-parser');
app.use(bodyParser.urlencoded({ extended: true })); // support encoded bodies

app.all("/*", function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "Cache-Control, Pragma, Origin, Authorization, Content-Type, X-Requested-With, X-Auth");
    res.header("Access-Control-Allow-Methods", "GET, PUT, POST");
    return next();
});

app.route('/Login').all(function(req, res, next) {
    next();
}).post(function(req, res, next) {
    console.log(req.body);
    res.json(req.body)
});

app.listen(3000)

现在，当您发送 { z: "z" } 时，api 将返回相同的对象，他不会将其解析为 JSON。

获取JSON不是更容易吗？