不知道为什么POST回复404

Question

我正在做一个表格读出，我想将数据发送到后端。这就是我使用此方法的目的。

const sendForm = async (e: FormEvent) => {
    e.preventDefault()
    const resCoctailData = await fetch('http://localhost:3001/coctail', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify(formName)
    })
   }

在后端，这部分代码负责处理数据传输：

export const coctailRouter = Router();
coctailRouter
    .get('/', async (req: Request, res: Response) => {
        const coctailList = await CoctailRecord.listAll();
        res.json({
            coctailList,
        })
    })
    .post('./', async (req: Request, res: Response) => {
        const newCoctailName = new CoctailRecord(req.body);
        await newCoctailName.insert();
        res.json(newCoctailName)
    })

就 GET 而言，它可以很好地从数据库中获取我的数据。但是，如果我想将数据发送到数据库，则会返回 404。整个端点写得很好。第二天我一直在解决这个问题，但似乎无法解决问题。