ПОСТАТЬ элемент на JSON-сервер дБ- Angular - PullRequest
Новая
       23

ПОСТАТЬ элемент на JSON-сервер дБ- Angular

0 голосов
/ 27 мая 2019

Я пытаюсь отправить элемент в мою базу данных на моем сервере json. Я отправляю запрос POST от Angular. Когда я это делаю, я получаю следующую ошибку:

Примечание: когда я получаю конечную точку GET, она работает нормально. Я очень новичок на стороне сервера

ОШИБКА ПОЧТЫ 404: Http-сообщение об ошибке для http://localhost:3000/addMember: 404 Не найдено

SERVER.JS 

const express = require('express');
const cors = require('cors');
const bodyParser = require('body-parser');
const request = require('request');
const app = express();
....

app.use(cors());
app.use(express.static('assets'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.disable('x-powered-by');
app.use(xssFilter());
app.use(nosniff());
app.set('etag', false);
app.use(
  helmet({
    noCache: true
  })
);
app.use(
  hsts({
    maxAge: 15552000 // 180 days in seconds
  })
);

app.use(
  express.static(path.join(__dirname, 'dist/softrams-racing'), {
    etag: false
  })
);

app.get('/api/members', (req, res) => {
  request('http://localhost:3000/members', (err, response, body) => {
    if (response.statusCode <= 500) {
      res.send(body);
    }
  });
});

// TODO: Dropdown!
app.get('/api/teams', (req, res) => {
  request('http://localhost:3000/teams', (err, response, body) => {
    if (response.statusCode <= 500) {
      res.send(body);
    }
  });
});

    // Submit Form!
    app.post('/api/members', function(request, response) {
  request.post('http://localhost:3000/members', (err, response, body) => {
    if (response.statusCode <= 500) {
      req.send(body);
    }
  });
});



  app.get('*', (req, res) => {
      res.sendFile(path.join(__dirname, 'dist/softrams-racing/index.html'));
    });

    app.listen('8000', () => {
      console.log('Vrrrum Vrrrum! Server starting!');
    });

Угловая 

addMember(memberForm: Member) {
    this.http.post(`${this.api}/addMember`, memberForm).subscribe(
      data => {
        console.log('POST Request is successful ', data);
      },
      error => {
        console.log('Error', error);
      }
    );
  }

UPDATE: в моей консоли я вижу это POST /addMember 404 12.105 ms - 2, и если я иду в http://localhost:3000/addMember прямо в браузере, я вижу пустой объект {}, и если я иду сюда http://localhost:3000/, я вижу это сообщение Для доступа и изменения ресурсов, Вы можете использовать любой метод HTTP GET POST PUT PATCH DELETE OPTIONS

Ответы [ 3 ]

2 голосов
/ 27 мая 2019

Проблема в том, что вы отправляете запрос POST на маршрут, который не обрабатывается вашим сервером JSON. Измените URL на http://localhost:3000/members, и он должен работать нормально!

(Маршруты на json-сервере соответствуют элементам в вашем файле db.json.)

1 голос
/ 27 мая 2019

Попробуйте изменить свой код следующим образом: 

addMember(memberForm: Member) {
    this.http.post(`${this.api}/api/addMember`, memberForm).subscribe(
      data => {
        console.log('POST Request is successful ', data);
      },
      error => {
        console.log('Error', error);
      }
    );
  }

Из ошибки видно, что ваша служба ожидает запрос на http://localhost:3000/api/addMember, но ваш console.log показывает, что вы отправляете почтовый запрос наhttp://locatlhost:3000/addMember

0 голосов
/ 27 мая 2019

Вы должны изменить свой код на это, потому что вы хотите получить данные memberForm 

app.post('/api/addMember',function(request,response){
   var query1=request.body.memberForm;
});

Пожалуйста, дайте мне знать, если у вас все еще есть ошибка

...