node js Ошибка [ERR_HTTP_HEADERS_SENT]: невозможно установить заголовки после того, как они отправлены клиенту, а объект javascript в консоли отсутствует - PullRequest
1 голос
/ 30 января 2020

Я действительно борюсь с примером проекта для онлайн-курса, и я думаю, что есть много, я делаю неправильно с кодом. Пример кода, который я привел в этих примерах проектов, часто не работает, и мне нужно добавлять / изменять / удалять части повсюду. Я думаю, что я делаю много неправильных изменений. Первая проблема, с которой я сталкиваюсь, заключается в том, что я получаю эту ошибку, когда я go to / addAnimal:

Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client

Вторая проблема, с которой я сталкиваюсь, заключается в том, что когда я go to / fakeAnimalData вижу данные в теле HTML, но не в консоли как объект javascript. Затем, когда я go в / addAnimal и отправляю форму, я получаю данные fav в теле HTML, но не в консоли. Конечная цель состоит в том, чтобы получить данные из / fakeAnimalData И данные (животное и факт) из формы в / addAnimal, чтобы они отображались в консоли как один объект javascript со всеми тремя элементами (animal, fact, fav). Это код, который у меня есть на данный момент:

сервер. js:

/* Empty JS object to act as endpoint for all routes */


projectData = {};

/* Express to run server and routes */
const express = require('express');

/* Start up an instance of app */
const app = express();

/* Dependencies */
const bodyParser = require('body-parser')
/* Middleware*/
app.use(express.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());
const cors = require('cors');
app.use(cors());

/* Initialize the main project folder*/
app.use(express.static('project1'));

const port = 8000;
/* Spin up the server*/
const server = app.listen(port, listening);
 function listening(){
    // console.log(server);
    console.log(`running on localhost: ${port}`);
  };

// GET route

const animalData = [];
const fakeData = {animal: "lion", fact: "a lion's roar can be heard five miles away"};

app.get('/fakeAnimalData', getFakeData);

function getFakeData(req, res) {
  res.send(fakeData)
};

app.get('/all', getData);

function getData(req, res){
  res.send(animalData)
  console.log(animalData)
}

// function sendData (request, response) {
//  response.send(projectData);
// };

// POST route
app.post('/add', callBack);

function callBack(req,res){
  res.send('POST received');
}



// POST an animal
const data = [];


  // TODO-Call Function



app.route('/addAnimal')
  .get(function (req, res) {
    res.sendFile('index.html', {root: 'project1'})
  })
  .post(addAnimal)

function addAnimal(req, res){

  newEntry = {
    animal: req.body.animal,
    facts: req.body.fact,
    fav: req.body.fav
  }

  data.push(req.body);
  res.status(200).send(req.body);
  animalData.push(newEntry)
  res.send(animalData)
  console.log(animalData)
};

приложение. js:

function performActuion(e){
const fav = document.getElementById('fav').value;



const getAnimal = async (url) =>{
  const res = await fetch(url);
  try {
    const data = await res.json();
    console.log(data)
    return data;
  } catch(error) {
    console.log()
  }
};

/* Function to POST data */
const postData = async ( url = '', data = {})=>{
    console.log(data);
      const response = await fetch(url, {
      method: 'POST', // *GET, POST, PUT, DELETE, etc.
      credentials: 'same-origin', // include, *same-origin, omit
      headers: {
          'Content-Type': 'application/json',
      },
      body: JSON.stringify(data), // body data type must match "Content-Type" header        
    });

      try {
        const newData = await response.json();
        console.log(newData);
        // console.log(newData);
        return newData.json()
        console.log(await response.json());
        return await response.json()
      }catch(error) {
      console.log("error", error);
      // appropriately handle the error
      };
  };

  // TODO-Call Function
getAnimal('/fakeAnimalData')
.then(async function(data){
  console.log(data)
  let res = await postData('/addAnimal', (animal: data.animal, fact: "lions are fun", fav: fav));;
  console.log(res);
})();

Любое подтверждение будет очень, очень ценю.

Спасибо, Майк

1 Ответ

1 голос
/ 30 января 2020
function addAnimal(req, res){

  newEntry = {
    animal: req.body.animal,
    facts: req.body.fact,
    fav: req.body.fav
  }

  data.push(req.body);
  // >>>>res.status(200).send(req.body);
  animalData.push(newEntry)
  res.send(animalData)
  console.log(animalData)
};

Вы не можете изменить объект res после того, как он уже был отправлен, поэтому ошибка

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...