如何在react js和node js中发布表单

Question

我试图通过方法post提交表单，但当我尝试提交表单时，节点会给我错误，无法post。

这是我的表单代码：

import React from 'react'
import styles from './SubmitForm.module.scss';
export const SubmitForm = () => {
const navigate = useNavigate();

return (
<div className= {styles.container}>       
<h2 className= {styles.heading}>Choose</h2>
<form action = '/sub' method='post'>
<button type='submit'></button>
</form>
</div>
)
}

在我的submit.controller.js:中

const submission = () => 
{
console.log("submitted")
}

在我的submit.route.js:

const express = require('express')
const router = express.Router()
const {
submission} = require('../../controllers/submit.controller.js') ;
router.post('/sub' , submission)
module.exports = router;

在我的服务器.js:

const subRouter = require('./routes/submit.route)
app.use('/api' ,  subRouter)

注意：我在localhost:5000上运行后端服务器，在3000上运行前端服务器。

Answer 1

表单标签中缺少/api前缀