Node.js/Express post请求失败

Node.js/Express post请求失败,node.js,express,post,Node.js,Express,Post,我在Node.js/Express中有一个简单的CRUD应用程序。这是一个订单接收表单,用于将数据发布到MongoDB集合 我一辈子都不明白为什么这篇文章(创建)的路线没有成功。我整个上午都在排除故障。我的其他路由与我的console.logs验证的一样运行正常 这是我的订单路线文件(/routes/orders.js): 这是我的新.ejs模板文件,格式如下: <div class="container container-new py-5"> <div class

我在Node.js/Express中有一个简单的CRUD应用程序。这是一个订单接收表单,用于将数据发布到MongoDB集合

我一辈子都不明白为什么这篇文章(创建)的路线没有成功。我整个上午都在排除故障。我的其他路由与我的console.logs验证的一样运行正常

这是我的订单路线文件(/routes/orders.js):

这是我的新.ejs模板文件,格式如下:

<div class="container container-new py-5">
    <div class = "row">
        <div class="col-lg-12 orders-title">
            <h2>New Order</h2>
        </div>
    </div>
    <div class="row">
        <div class="col-md-10 mx-auto">
            <form action="/orders" method="POST">
                <div class="form-group row">
                    <div class="col-sm-3">
                        <label for="inputDate">Date</label>
                        <input type="text" class="form-control" id='datetimepicker' name="date">
                    </div>
                    <div class="col-sm-3">
                        <label for="inputTerritory">Territory</label>
                        <select id="selectTerr" class="form-control" name="territory">
                            <option>Choose a territory</option>
                        </select>
                    </div>
                    <div class="col-sm-6">
                        <label for="inputPrincipal">Principal</label>
                        <select id="selectPrin" class="form-control" name="principal">
                            <option>Choose a principal</option>
                        </select>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-sm-5">
                        <label for="inputCustomer">Customer</label>
                        <select id="selectCust" class="form-control" name="customer">
                            <option>Choose a customer</option>
                        </select>
                    </div>
                    <div class="col-sm-4">
                        <label for="inputRepresentative">Sales Rep</label>
                        <select id="selectRep" class="form-control" name="representative">
                            <option>Choose a rep</option>
                        </select>
                    </div>
                    <div class="col-sm-3">
                        <label for="inputState">Total</label>
                        <input type="text" class="form-control" id="inputTotal" name="amount">
                    </div>
                </div>
                <div class="form-group new-buttons">
                    <button type="button" class="btn btn-cancel btn-default btn-primary px-4">Clear</button>
                    <button type="button" class="btn btn-submit btn-default btn-primary px-4">Submit</button>
                </div>

            </form>

        </div>
    </div>
    <div class = "row row-back">
        <div class="col-lg-12 orders-title">
            <a href="/">Back to Main</a>
        </div>
    </div>

</div>


你有什么问题?有些东西坏了?你在控制台中看到错误了吗?你能把你的
服务器
代码贴到你安装
路由器的地方吗
感觉像
动作=“/orders”
是违规方,但我不知道路由器在哪里mounted@lifeisfoo-没有错误…那太好了。没有任何行为。这就是让我如此困惑的原因。也许是在
html
中?缺少类型为
submit
的按钮您有什么问题?有些东西坏了?你在控制台中看到错误了吗?你能把你的
服务器
代码贴到你安装
路由器的地方吗
感觉像
动作=“/orders”
是违规方,但我不知道路由器在哪里mounted@lifeisfoo-没有错误…那太好了。没有任何行为。这就是让我如此困惑的原因。也许是在
html
中?缺少类型为
submit
<div class="container container-new py-5">
    <div class = "row">
        <div class="col-lg-12 orders-title">
            <h2>New Order</h2>
        </div>
    </div>
    <div class="row">
        <div class="col-md-10 mx-auto">
            <form action="/orders" method="POST">
                <div class="form-group row">
                    <div class="col-sm-3">
                        <label for="inputDate">Date</label>
                        <input type="text" class="form-control" id='datetimepicker' name="date">
                    </div>
                    <div class="col-sm-3">
                        <label for="inputTerritory">Territory</label>
                        <select id="selectTerr" class="form-control" name="territory">
                            <option>Choose a territory</option>
                        </select>
                    </div>
                    <div class="col-sm-6">
                        <label for="inputPrincipal">Principal</label>
                        <select id="selectPrin" class="form-control" name="principal">
                            <option>Choose a principal</option>
                        </select>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-sm-5">
                        <label for="inputCustomer">Customer</label>
                        <select id="selectCust" class="form-control" name="customer">
                            <option>Choose a customer</option>
                        </select>
                    </div>
                    <div class="col-sm-4">
                        <label for="inputRepresentative">Sales Rep</label>
                        <select id="selectRep" class="form-control" name="representative">
                            <option>Choose a rep</option>
                        </select>
                    </div>
                    <div class="col-sm-3">
                        <label for="inputState">Total</label>
                        <input type="text" class="form-control" id="inputTotal" name="amount">
                    </div>
                </div>
                <div class="form-group new-buttons">
                    <button type="button" class="btn btn-cancel btn-default btn-primary px-4">Clear</button>
                    <button type="button" class="btn btn-submit btn-default btn-primary px-4">Submit</button>
                </div>

            </form>

        </div>
    </div>
    <div class = "row row-back">
        <div class="col-lg-12 orders-title">
            <a href="/">Back to Main</a>
        </div>
    </div>

</div>

var express                 = require("express"),
    app                     = express(),
    bodyParser              = require("body-parser"),
    mongoose                = require("mongoose"),
    passport                = require("passport"),
    LocalStrategy           = require("passport-local"),
    passportLocalMongoose   = require("passport-local-mongoose"),
    methodOverride          = require("method-override"),
    seedDB                  = require("./seeds");

// seedDB();

// Requiring Routes ============================================================
var ordersRoutes            = require("./routes/orders"),
    indexRoutes             = require("./routes/index");

// Load Keys ===================================================================
const keys                  = require('./config/keys');    

// Map global promises
mongoose.Promise            = global.Promise;

// Mongoose Connect ============================================================

mongoose.connect(keys.mongoURI, {
    useMongoClient: true
})
    .then(() => console.log('MongoDB Connected'))
    .catch(err => console.log(err));

//==============================================================================
app.use(express.static('public'));


app.use(bodyParser.urlencoded({extended: true}));
app.set('view engine', 'ejs');
app.set('views', __dirname + '/views');

app.use(methodOverride("_method"));

app.use(indexRoutes);
app.use("/orders", ordersRoutes);

const port = process.env.PORT || 5000;

app.listen(port, () => console.log(`server started on port ${port}`));