无法使用快递发布/出错

Question

我正在尝试使用 express 创建一个简单的表单处理程序。我为我的表单尝试了以下代码：

<form class="form"  action="/" method="post" name="regForm">              
    <div class="form-group">
        <input type="text" name="username" class="form-control" id="username" placeholder="Username">
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
</form>

这是我的 app.js 代码：

const port = 3000;

var express = require('express'),
    app = express(),
    server = require('http').createServer(app);
var bodyParser = require('body-parser');

app.use(express.static(__dirname + '/public'));

app.use(bodyParser.urlencoded({
   extended: true;
}));

app.use(bodyParser.json());

app.post('/',function(req,res){
   var username = req.body.username;
   var html = 'Hello:' + username;
   res.send(html);
   console.log(html);
});

server.listen(port);

提交表单后，我不断收到错误“CANNOT POST /”。我错过了像模块这样的东西吗？

Answer 1

You should call router instead of app
const router = express.Router();

router.use(bodyParser.urlencoded({ extended: false }));

router.post('/',function(req,res){
   var username = req.body.username;
   var htmlData = 'Hello:' + username;
   res.send(htmlData);
   console.log(htmlData);
});

Answer 2

就我而言，我没有注意我发帖的网址。

我有页面登录 http://localhost:5000/login 正在发布，如果成功，则呈现页面帐户 http://localhost:5000/account。

但是，在这两个页面上玩了几次，链接仍然在http://localhost:5000/account，但显示了登录页面。因此，当我单击具有form 和method = "post" 的登录按钮时，我收到了错误Cannot POST /account。

所以修复是通过输入登录页面的 url http://localhost:5000/login 来正确呈现登录页面。

Answer 3

另一种方式是我们可以使用express提供的.route方法

https://expressjs.com/en/guide/routing.html

例如：

app.route("url")
   .get(function())

   .post(function());

记得用分号关闭.route函数；

Answer 4

这种方式你应该试试

const port = 3000;

var express = require('express'),
    app = express();
var bodyParser = require('body-parser');

app.use(express.static(__dirname + '/public'));

app.use(bodyParser.urlencoded({
   extended: false
}));

app.use(bodyParser.json());

app.get('/', function(req, res){
  res.render('form');// if jade
  // You should use one of line depending on type of frontend you are with
  res.sendFile(__dirname + '/form.html'); //if html file is root directory
 res.sendFile("index.html"); //if html file is within public directory
});

app.post('/',function(req,res){
   var username = req.body.username;
   var htmlData = 'Hello:' + username;
   res.send(htmlData);
   console.log(htmlData);
});

app.listen(port);

您应该记住的事项以备将来参考：

1. 您将 url 编码扩展为 true
2. 您的表单没有任何获取请求
3. 您使用的是 HTML 命名变量，这是一种不好的做法

感谢和欢呼

Answer 5

似乎在这里工作正常。

我发现的唯一错误在这里：

extended: true;

您需要删除末尾的分号。

另外，您的表单标签中不需要 action="/"，仅供参考。