时间戳

首页 > 解决方案 > 404 错误快速路由

node.js - 404 错误快速路由

问题描述

我无法弄清楚这个简单的路由任务哪里出错了。当我转到 localhost:3030/staff 时，我收到“Cannot GET /staff”和 404 错误。

这是我的设置。

应用程序.js：

const express = require('express');
const app = express();
const port = process.env.PORT || 3030;

const staffRouter = require('./routes/staffrouter.js');

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

app.use('./staff', staffRouter);

app.get('/', function(req, res) {
    res.render('index.pug');
});

app.listen(port);

我已经尝试在我的 GET/POST 请求中使用路径“/staff”，但这不起作用，而且根据我正在做的教程，它应该如何工作。我真的被困住了。

/routes/staffrouter.js：

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

const staff = require('../staff').staff;
const urlEncoded = (express.urlencoded({ extended: true }));

router.get('/', function(req, res, next) {
    res.render('staff.pug', { 
        deptOptions: staff.populateSelectors('department'),
        posOptions: staff.populateSelectors('position'),
        empArray: staff.readWriteJSON()
    });
 });

// Add new staff obj
router.post('/', urlEncoded, function(req, res, next) {
    let sObj = req.body;
    let dataArray = staff.readWriteJSON();

    //console.log('data:', data);
    dataArray.push(new staff.Employee(
        sObj.fName, 
        sObj.lName, 
        sObj.staffNum, 
        sObj.department, 
        sObj.position, 
        sObj.email, 
        sObj.phone
     ));
    staff.readWriteJSON(dataArray)
    res.render('../views/staff.pug', { 
        deptOptions: staff.populateSelectors('department'),
        posOptions: staff.populateSelectors('position'),
        empArray: staff.readWriteJSON()
    });
});

module.exports = router;

标签： node.jsexpressrouting

解决方案

错误的范围更改顺序

app.use('/static', express.static(__dirname + './public'));
const staffRouter = require('./routes/staffrouter.js');

推荐阅读