Почему мое требование пусто? СРЕДНИЙ стек - NodeJs - PullRequest
Новая
       3

Почему мое требование пусто? СРЕДНИЙ стек - NodeJs

0 голосов
/ 08 февраля 2020

Путь, по которому мои данные проходят от внешнего интерфейса до внутреннего, прекрасно работает, пока я не попытаюсь отправить запрос на публикацию и получить доступ к req.body.

Данные формы отправляются правильно, так как я вижу их так, как должно быть на вкладке сети инструментов разработчика, но когда я пытаюсь получить к ним доступ, объект req.body становится пустым. Пожалуйста помоги!! Я уверен, что это что-то маленькое, но я теряю сон здесь. 

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

app.use((req, res, next) => {
  res.setHeader('Access-Control-Allow-Origin', '*');
  res.setHeader(
    'Access-Control-Allow-Headers',
    'Origin, X-Requested-With, Content-Type, Accept');
  res.setHeader(
    'Access-Control-Allow-Methods',
    'GET, POST, PATCH, PUT, DELETE, OPTIONS'
  );
  next();
});

app.use('/api/manifests', manifestsRoutes);

router.post("", (req, res, next) => {
  const manifest = new Manifest({
    hazardId: req.body.hazardId,
    serviceDate: req.body.serviceDate,
    service: req.body.service,
    gallonsRemoved: req.body.gallonsRemoved,
    servicer: {
      name: req.body.servicerName,
      company: req.body.servicerCompany,
      email: req.body.servicerEmail,
      phone: req.body.servicerPhone
    },
    serviceFrequency: req.body.serviceFrequency,
    disposalFacility: req.body.disposalFacility,
    repairsMade: req.body.repairsMade
  });
  manifest.save().then(createdManifest => {
    res.status(201).json({
      message: 'Manifest created!',
      manifest: {
        ...createdManifest,
        id: createdManifest._id
      }
    });
  })
  .catch(error => {
    res.status(500).json({
      message: manifest,
      error: error
    });
  });
});

addManifest(
    hazardId: string,
    serviceDate: Date,
    service: string,
    gallonsRemoved: string,
    servicer: {
        name: string,
        company: string,
        email: string,
        phone: string
    },
    serviceFrequency: string,
    disposalFacility: string,
    repairsMade: string
    ) {
      const datestr = (new Date(serviceDate)).toDateString();
      const manifestData = new FormData();
      manifestData.append('hazardId', hazardId);
      manifestData.append('serviceDate', datestr);
      manifestData.append('service', service);
      manifestData.append('gallonsRemoved', gallonsRemoved);
      manifestData.append('servicerName', servicer.name);
      manifestData.append('servicerCompany', servicer.company);
      manifestData.append('servicerEmail', servicer.email);
      manifestData.append('servicerPhone', servicer.phone);
      manifestData.append('serviceFrequency', serviceFrequency);
      manifestData.append('disposalFacility', disposalFacility);
      manifestData.append('repairsMade', repairsMade);
      this.http
        .post<{ message: string; manifest: Manifest }>(
          'http://localhost:3000/api/manifests',
          manifestData
        )
        .subscribe(responseData => {
          console.log(responseData);
        });
  }

POST-данные на вкладке сети отладчика: 

Request URL: http://localhost:3000/api/manifests
Request Method: POST
Status Code: 500 Internal Server Error
Remote Address: [::1]:3000
Referrer Policy: no-referrer-when-downgrade

Заголовки ответа: 

Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept
Access-Control-Allow-Methods: GET, POST, PATCH, PUT, DELETE, OPTIONS
Access-Control-Allow-Origin: *
Connection: keep-alive
Content-Length: 2974
Content-Type: application/json; charset=utf-8
Date: Sat, 08 Feb 2020 06:29:58 GMT
ETag: W/"b9e-YODjimn7ORF5Sf5mzZD4Nwk6VPg"
X-Powered-By: Express

Заголовки запроса: 

Accept-Encoding: gzip, deflate, br
Accept-Language: en-US,en;q=0.9
Connection: keep-alive
Content-Length: 1282
Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryhOXfO3S3AyABWgsS
Host: localhost:3000
Origin: http://localhost:4200
Referer: http://localhost:4200/enter-manifest
Sec-Fetch-Mode: cors
Sec-Fetch-Site: same-site
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36

Данные формы: 

hazardId: 146852
serviceDate: Fri Feb 07 2020
service: Full pump and clean (all solids and liquids removed)
gallonsRemoved: 50
servicerName: test
servicerCompany: test
servicerEmail: test
servicerPhone: test
serviceFrequency: Quarterly
disposalFacility: test
repairsMade: null

1 Ответ

0 голосов
/ 08 февраля 2020

Измените addManifest функцию на это: 

addManifest(
    hazardId: string,
    serviceDate: Date,
    service: string,
    gallonsRemoved: string,
    servicer: {
        name: string,
        company: string,
        email: string,
        phone: string
    },
    serviceFrequency: string,
    disposalFacility: string,
    repairsMade: string
    ) {
      const datestr = (new Date(serviceDate)).toDateString();
      var manifestData = {
        'hazardId': hazardId,
        'serviceDate': datestr,
        'gallonsRemoved': gallonsRemoved,
        'servicerName': servicer.name,
        'servicerCompany': servicer.company,
        'servicerEmail': servicer.email,
        'servicerPhone': servicer.phone,
        'serviceFrequency': serviceFrequency,
        'disposalFacility': disposalFacility,
        'repairsMade': repairsMade
      };
      const httpOptions = {headers: new HttpHeaders({'Content-Type':  'application/json'})};
      this.http
        .post<{ message: string; manifest: Manifest }>(
          'http://localhost:3000/api/manifests',
          manifestData,
          httpOptions
        )
        .subscribe(responseData => {
          console.log(responseData);
        });
  }

Изменили FormData на JavaScriptObject и добавили JSON Content-Type для заголовка запроса

Будет ли это работать?

...