我试图实现一个html表单，它接受输入并将其发送到node js服务器，但是html表单没有向node js发送任何数据。 它发出一个请求，但没有表单数据被发送。我希望有人能帮助我有一个index.html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Input Form</title>
</head>
<body>
<h1>Send a message:</h1>
<form action="http://localhost:3000/action" method="POST">
<label for="data">Message:</label>
<input type="text" id="data" placeholder="Enter your message" name="text"/>
<input type="submit" value="Send message" />
</form>
</body>
</html>
和一个节点js文件
//Modules
const fs = require ('fs');
const express = require('express');
const app = express();
const bodyParser = require('body-parser');
const http = require('http');
const actionRoute=require('./routes/action')
const server = http.createServer(app)
app.use(express.urlencoded({ extended: true }))
app.use(bodyParser.json())
app.all('/',(req,res)=>{
res.statusCode = 200;
res.setHeader('Content-Type', 'text/html');
res.end(fs.readFileSync('./public/index.html'))
})
const hostname = 'localhost';
const port = 3000
app.post('/action',(req,res)=>{
console.log(req.body)
res.statusCode=200;
res.end("thnx")
})
server.listen(port , hostname,function(){
console.log('Server running at http://'+hostname+':'+port);
});
目录结构
-index.js
-public
--index.html
在post路由中req.body为空，将打印{}
希望有人能帮助我。
提前感谢
我尝试了完全相同的代码，它工作得很好。 它对您不起作用的一个可能原因是html表单位于不同的主机上，默认情况下不允许跨源请求。 要允许所有源:
>
从npm安装cors
npm安装cors
将CORS中间件用于路由
const cors = require('cors');
.
.
.
app.post('/action', cors(), (req, res) => {
console.log(req.body)
res.statusCode=200;
res.end("thnx")
});
查看express官方文档了解更多信息
