如何使用快速路由器将表单操作路由到特定文件答案

【问题标题】：How to route the form action to a specific file by using express router如何使用快速路由器将表单操作路由到特定文件
【发布时间】：2019-09-04 03:46:38
【问题描述】：

我正在使用 express.router 和 ejs 模板。我希望我的一个带有 POST 方法的表单的逻辑不是在应用程序文件（应用程序的主文件）中处理，而是在使用 router.post 的名称为“user.js”的其他文件中处理。它返回 404，因为它试图在主文件而不是 users.js 文件上查找逻辑。

如何路由要在 user.js 文件中处理的帖子逻辑？

app.js 文件

const express = require('express');
var app = express();
var path = require('path');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var logger = require('morgan');

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

var router = express.Router();


var usersRouter = require('./routes/users');

app.use('/users', usersRouter);

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));



// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

用户文件 (routes/users.js)

var express = require('express');
var app = require('../app')
const axios = require('axios');
var bodyParser = require('body-parser');
const {User} = require('../models/userModel')
const mongoose = require('mongoose');
const mongodb = require('mongodb');


const router = express.Router();


router.get('/', function(req, res, next) {
  res.render("user");
});

router.post('/userSearch', (req, res) =>  {
  res.send(req.body.myUser);
})


module.exports = router;

用户文件 (views/user.ejs)

<h1>Welcome to users page</h1>

<form action="/userSearch" method="POST">
Search user:<input type ="search" name="myUser"></br>
<input type = "submit">

</form>

【问题讨论】：

标签： javascript node.js express ejs

【解决方案1】：

您的文件几乎没有不必要的声明，但您没有到达路由器路径的主要原因是因为您正在发布到未声明的路由：

<form action="/userSearch" method="POST">

应该是：

 <form action="/users/userSearch" method="POST">

额外

对您的文件的一些修复：

app.js

var router = express.Router(); //not needed here

用户文件 (routes/users.js)

var app = require('../app') //not needed here

【讨论】：

也感谢您的额外:)