Question

我正在尝试创建一个将数据传递到注册路径的注册表单。但是，我在注册路径中检索表单输入时遇到问题。请建议如何检索api.js文件中的表单数据。我已经尝试使用POSTMAN将数据发送到/ api / registration端点，该端点确实在数据库中创建了一个用户。当我实际使用html表单进行注册时，它失败了。

HTML

<!DOCTYPE html>
<html>
<body>
    <form action="/api/register" enctype="multipart/form-data" method="post">
        <input name="email" type="text" placeholder="Email">
        <input name="password" type="password"  placeholder="Password">
        <input name="passwordConf" type="password"  placeholder="Confirm Password">
        <input type="submit" value="Register">
    </form>
</body>
</html>

Index.js

    //----setting up modules
const express = require('express');
const hbs = require('hbs');
const path = require('path');
var bodyParser = require('body-parser');
var mongoose = require('mongoose');
mongoose.Promise = global.Promise;
mongoose.connect(process.env.MONGODB_URI || 'mongodb://localhost/test');


//----define port connection on various environmentls
const port = process.env.PORT || 3000;

//----createing express app
var app = express();

// parse incoming requests
app.use(bodyParser.json());

//----use express middle-ware to utitlize public folder
// app.use(express.static(__dirname + 'public'));
app.use('/public', express.static(path.join(__dirname,'public')));
//see the first argument in above line it assigns which directory path is used to access the public file through URL


//----initializing handlebars as express view engine
app.set('view engine', 'hbs');

//----define handlebars partials and helpers 
hbs.registerPartials(__dirname + '/views/partials');
//----define helper to get current year
hbs.registerHelper('getDate', ()=>{
    return new Date().getFullYear();
});

//----define routes
app.get('/', function (req, res) {
    res.render('home.hbs')
})

// include routes
app.use('/api', require('./routes/api'));
app.use('/', require('./routes/page'));

//----connecting to port
app.listen(port,()=>{
    console.log(`success connection to port ${port}`);
})

Api.js路线

var express = require('express');
var router = express.Router();
var {User} = require('./../models/user');
var {authenticate} = require('./../middleware/authenticate');
var _ = require('lodash');
var bodyParser = require('body-parser');
var jsonParser = bodyParser.json()
var urlencodedParser = bodyParser.urlencoded({ extended: false })


router.post('/register',function (req, res) {
    console.log(req.body);
    });
module.exports = router;

pages.js

    var express = require('express');
var router = express.Router();

router.get('/register', function (req, res) {
    res.render('register.hbs', {title:"REGISTER"} )
})

router.get('/login', function (req, res) {
    res.render('login.hbs', {title:"LOGIN"} )
})

module.exports = router;

Answer 1

以下是我的建议：

创建一个名为routes.js的文件，并在那里包含所有路由并导入它。

var express = require('express');
var router = express.Router();

app.get('/', function (req, res) {
    res.render('home.hbs')
})

router.get('/api/register', function (req, res) {
    res.render('register.hbs', {title:"REGISTER"} )
})

router.post('/api/register',function (req, res) {
    //do your post logic here
    console.log(req.body);
    });

router.get('/login', function (req, res) {
    res.render('login.hbs', {title:"LOGIN"} )
})

module.exports = router;

在你的Index.js中

：

//Make sure the route is correct

app.use('/', require('/routes/routes.js'));

这样做，我希望错误得到解决，祝你好运！

表单输入无法使用bodyParser和Router（）检索

1 个答案: