无法 POST 到 Express 路由器（404 错误）

Question

我无法获取到我的 Express 路由器的 POST 请求。我有许多工作正常的 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)

我已经三重检查了路径，它不会出错。后端路径是文件“hamsters.js”中的“router.get('api/new-hamster', async (req, res)...”。

我还将后端函数放在其文件的最顶部，以确保它不会被文件中的任何其他函数推翻。

这是我的 server.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();

  });

})

Answer 1

您是否在控制台的网络选项卡中检查了您尝试发布到的网址？我认为您需要在后端路由中的 api 之前添加 / ： router.get('/api/new-hamster', async (req, res)..."。

Answer 2

你有这个：server.use(bodyParser.urlencoded({ extended: true }));而不是这个：server.use(bodyParser.urlencoded({ extended: false }));