Не удается выполнить POST на Express маршрутизатор (ошибка 404) - PullRequest
1 голос
/ 17 июня 2020

Я не могу получать запросы POST на свой Express маршрутизатор. У меня много запросов GET, которые работают нормально, но это мой первый запрос POST, и он не работает.

Мой код внешнего интерфейса выглядит так:

export async function postHamster(name, age) {
try {
    await fetch('/hamsters/api/new-hamster',
        {
            method: 'POST',
            headers: { "Content-Type": "application/json" },
            body: JSON.stringify({
                name: name,
                age: age
            })
        })
    console.log("postHamster has run") //LOGGED
}
catch (e) {
    console.error(e)
}

}

Ответ всегда будет:

fetchData.js:38 POST http://localhost:3000/hamsters/api/new-hamster 404 (Not Found)

Я трижды проверил путь, и он не может быть ошибочным. Внутренний путь - "router.get ('api / new-hamster', asyn c (req, res) ..." в файле 'hamsters. js'.

У меня также есть поместите бэкэнд-функцию в самый верх своего файла, чтобы гарантировать, что она не будет отменена какой-либо другой функцией в файле.

Это мой сервер. js:

    // THIS FIRST FUNCTION I JUST COPIED FROM A SOLUTION BUT IT DOES NOT SEEM TO HELP
// routes/index.js
module.exports = (express) => {
  // Create express Router
  var router = express.Router();

  // add routes
  server.route('/hamsters/api/new-hamster')
    .post((req, res) => {
       res.setHeader('Content-Type', 'application/json');
       res.send('You sent: sdadad to Express');
    });

  return router;
}

const express = require('express');
const server = express();
const serverPort = process.env.PORT || 1234;

server.use(express.static(__dirname + '/../build'))

let data = require('./data.json')
const { Router } = require('express');
let router = new Router();

//USE BODY-PARSER BEFORE REGISTERING ROUTES!
const bodyParser = require('body-parser')
server.use(bodyParser.urlencoded({ extended: true }));
server.use(bodyParser.json())

server.use(function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    next();
  });

// ROUTES
const hamstersRoute = require('./routes/hamsters');
const chartsRoute = require('./routes/charts')
const gamesRoute = require('./routes/games')
const statsRoute = require('./routes/stats')
const imagesRoute = require('./routes/images')
const uploadRoute = require('./routes/upload')
    

server.use('/assets', express.static("assets"))
server.use(express.static('public'))

server.use('/hamsters', hamstersRoute)
server.use('/charts', chartsRoute)
server.use('/games', gamesRoute)
server.use('/stats', statsRoute)
server.use('/images', imagesRoute)
server.use('/upload', uploadRoute)

server.listen(serverPort, () => {
    console.log(`Server is up n running on port ${serverPort}!`)
})

module.exports = data;

Я просмотрел эти темы:

Невозможно GET / POST с express Router () Express. js отправка запроса маршрутизатора возвращает 404 Express: маршрутизатор не может прочитать запрос POST

1 Ответ

1 голос
/ 18 июня 2020

Вы проверили URL-адрес, на который пытаетесь отправить сообщение, на вкладке сети в консоли? Я думаю, вам нужно добавить / перед api в бэкэнд-маршрут: router.get ('/ api / new-hamster', asyn c (req, res) ... ".

...