Question

我正在构建一个小型演示应用，使用Node Mailer从表单发送电子邮件。我已将Angular 5应用程序连接到Express 4后端。我正在运行非常简单的东西，在我的项目中引用了角度dist文件的server.js表达文件。然后我构建了角度应用程序并运行服务器。

一切正常，电子邮件甚至发送，但不知何故快递后端正在丢失数据（或者我没有正确访问它）。电子邮件在我尝试使用数据的任何地方发送“未定义”。

我填写姓名，电话，电子邮件和地址的表单字段。然后我将数据拉入服务并将其发送到后端。这是我在Angular中发送数据的服务：

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

@Injectable()
export class ClientService {
    headers: any;
    clientInfo = '';

    constructor(private http: HttpClient) { }

    sendEmail(clientData) {
        console.log(clientData);
        return this.http.post('/send-email', clientData);
    }
}

当我发送这个http帖子时看起来不错。请求网址是正确的，标头是application / json，有效负载数据是正确的：{name：“John Doe”，电子邮件：“john@johndoemail.com”，电话：“18005555555”，消息：“test”}

这是我的server.js :(在有效的gmail帐户信息中，有x的）

 // Get dependencies
const express = require('express');
const nodemailer = require("nodemailer");
const path = require('path');
const http = require('http');
const bodyParser = require('body-parser');

const app = express();
const port = 4300;

// Start server
app.listen(port, function(req, res) {
    console.log('Server is running at port: ', port);
})

// Point static path to dist
app.use(express.static(path.join(__dirname, 'dist')));

// Home route to serve the index file
app.get('/', (req, res) => {
  res.sendFile(path.join(__dirname, 'dist/index.html'));
});

// Parsers for POST data
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

app.post('/send-email', function (req, res) {
    console.log(req.body);

    let transporter = nodemailer.createTransport({
        host: 'smtp.gmail.com',
        port: 465,
        secure: true,
        auth: {
            user:'xxxxxx@gmail.com',
            pass: 'xxxxxxxx',
        }
    });

    let message = {
        from: 'mailer@nodemailer.com',
        to: 'xxxxx@gmail.com',
        subject: 'New Client Message ' + req.body.name,
        text: 'Name: ' + req.body.name + '\nEmail: ' + req.body.email + '\nPhone: ' + req.body.phone + '\n    ' + req.body.message,
        html: '<p>' + req.body.message + '</p>'     
    };

    transporter.sendMail(message);
    res.json(req.body);
});

在服务器控制台中，req.body显示为“{}”。使用我自己的电子邮件，我收到了一条从nodemailer发送的消息，但所有使用的数据都只是说“未定义”。

我是否需要以不同方式访问数据？也许使用req的另一个属性？无论如何，看起来问题出现在我的快递文件中，所以如果你发现任何问题，请告诉我。

Answer 1

我找到了解决方案。我没有用我的帖子数据实现标题。我将这些更改添加到我的服务中，问题已解决：

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

@Injectable()
export class ClientService {
    httpHeader = {
        headers: new HttpHeaders({
            'Content-Type': 'application/json',
        })
    };

    constructor(private http: HttpClient) { }

    sendEmail(clientData) {
        console.log(clientData);
        this.http.post('/send-email', clientData, this.httpHeader);
    }
}

如果您想在此处查看完整的演示内容：https://github.com/xTumulus/NodeMailer_AngularExpress_Demo

从Angular 5 App传递时快速后端丢弃数据

1 个答案: