在联系表中表达空的请求正文

express req body empty in contact form

我正在使用 nodemailer 来实现自己从联系表单发送电子邮件。 我的 app.js 看起来像这样

    app.post('/jobs/join-us', (req, res) => {
  console.log(req.body); //to return body
  const output = `


      <p>You have a new message from contact form.</p>
      <h3>Contact Details</h3>
      <ul> 
        <li>Name: ${req.body.name}</li>
        <li>Email: ${req.body.email}</li>
      </ul>
      <h3>Message</h3>
      <p>${req.body.message}</p>
    `;
  // create reusable transporter object using the default SMTP transport
  let transporter = nodemailer.createTransport({
    host: 'smtp.gmail.com',
    port: 587,
    secure: false, // true for 465, false for other ports
    auth: {
      user: 'xx', // generated ethereal user
      pass: 'xx',
    },
    tls: {
      rejectUnauthorized: false
    }
  });

  // setup email data with unicode symbols
  let mailOptions = {
    from: 'xx', // sender address
    to: 'xx', // list of receivers
    subject: 'Contact Request', // Subject line
    text: 'Hello world?', // plain text body
    html: output // html body
  };

  // send mail with defined transport object
  transporter.sendMail(mailOptions, (error, info) => {
    if (error) {
      console.log(error);
      res.end("error");
    } else {
      console.log('Message sent: %s', info.messageId);
      //console.log('Preview URL: %s', nodemailer.getTestMessageUrl(info));
      res.sendStatus(200);
    }
  });
});

有人能帮帮我吗?我还在 const 输出之前尝试了 console.log(req) 之类的东西,但这并没有 return 我任何可行的东西。

这是我的联系表本身,POST 请求 returns 200。

       <div class='input-wrapper'>
<input class="flying-label-input" type="text" name="job_form[role]" id="job_form_role" />
<label class="flying-label required" for="job_form_role">Role</label>
</div>
<div class='input-wrapper'>
<input class="flying-label-input" type="text" name="job_form[email]" id="job_form_email" />
<label class="flying-label required" for="job_form_email">E-mail</label>
</div>
<div class='input-wrapper'>
<input class="flying-label-input" type="text" name="job_form[phone_number]" id="job_form_phone_number" />
<label class="flying-label" for="job_form_phone_number">Phone number</label>
</div>
<div class='input-wrapper'>
<label class="label required" for="job_form_cv">CV (PDF)</label>
<input type="file" name="job_form[cv]" id="job_form_cv" />
</div>

<div class='input-wrapper-space-top'>
<input type="hidden" name="job_form[referer]" id="job_form_referer" />
<input type="submit" name="commit" value="Submit Job Application" class="btn-round btn-primary" />
</div>

我的app.js中间件函数:'

const express = require('express')
var app = express();
var path = require('path')
const nodemon = require('nodemon')
const nodemailer = require('nodemailer');
const bodyParser = require('body-parser');

// Static folder
app.use(express.static('public'))

app.use(bodyParser.urlencoded({
  extended: true
}));
app.use(bodyParser.json())

req.body 默认是 undefined 所以你得到一个空对象的事实意味着你没有用 body-parser [=19 填充 req.body =] multer。错误捕获 if statement 不会 return 控制台中的错误也支持这一点,因此 req.body 在那里并且它是一个空对象。在 app.post 之前尝试以下快速中间件并按如下方式更新 app.post:

var app = require('express')();
var bodyParser = require('body-parser');
var multer = require('multer'); // v1.0.5
var upload = multer(); // for parsing multipart/form-data

app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({ extended: true }));

app.post('/jobs/join-us', upload.array(), function (req, res, next) {
  console.log(req.body);
  res.json(req.body);
});