无法获取 /chatroom

Question

我是新来的。 我正在尝试开发一个 Web 应用程序，但我已经碰到了一堵砖墙，我已经被困了一段时间了。

运行我的 app.js 文件时，所有页面都会显示，聊天室除外。有人可以看看代码并帮助我吗？

我没有包含用于注册和登录等的代码，因为它们工作正常。在聊天室中使用他们的 router.get 和 .post 概念时，我只收到一条“Cannot GET /chatroom”消息。

Chatroom.js：

const express = require('express');
const router = express.Router();
const socketClient = require('socket.io').listen(4000).sockets;


//Chatroom page: Credit - Traversy Media - https://www.youtube.com/watch?v=hrRue5Rt6Is&t=1542s
router.get('/chatroom', (req, res) => res.render('chatroom.ejs'));

router.post('/chatroom', (req, res) => {

// Connect to Socket.io
socketClient.on('connection', function (socket) {
    let chat = db.collection('UsersDB/chats');

    // Create function to send status
    sendStatus = function (s) {
        useUnifiedTopology: true,
        socket.emit('status', s);
    }

    // Get chats from mongo collection
    chat.find().limit(100).sort({ _id: 1 }).toArray(function (err, res) {
        if (err) {
            throw err;
        }

        // Emit the messages
        socket.emit('output', res);
    });

    // Handle input events
    socket.on('input', function (data) {
        let name = data.name;
        let message = data.message;

        // Check for name and message
        if (name == '' || message == '') {
            // Send error status
            sendStatus('Please enter a name and message');
        } else {
            // Insert message
            chat.insert({ name: name, message: message }, function () {
                socketClient.emit('output', [data]);

                // Send status object
                sendStatus({
                    message: 'Message sent',
                    clear: true
                });
            });
        }
    });

    // Handle clear
    socket.on('clear', function (data) {
        // Remove all chats from collection
        chat.remove({}, function () {
            // Emit cleared
            socket.emit('cleared');
            });
        });
    });

});

app.js：

const express = require('express');
const expressLayouts = require('express-ejs-layouts');
const mongoose = require('mongoose');
const passport = require('passport');
const flash = require('connect-flash');
const session = require('express-session');


const app = express();

// Passport Config
require('./config/passport')(passport);

// DB Config
const db = require('./config/keys').mongoURI;

// Connect to MongoDB
mongoose
  .connect(
    db,
    { useNewUrlParser: true }
  )
  .then(() => console.log('MongoDB Connected'))
  .catch(err => console.log(err));

// EJS
app.use(expressLayouts);
app.set('view engine', 'ejs');

// Express body parser
app.use(express.urlencoded({ extended: true }));

// Express session
app.use(
  session({
    secret: 'secret',
    resave: true,
    saveUninitialized: true
  })
);

// Passport middleware
app.use(passport.initialize());
app.use(passport.session());

// Connect flash
app.use(flash());

// Global variables
app.use(function(req, res, next) {
  res.locals.success_msg = req.flash('success_msg');
  res.locals.error_msg = req.flash('error_msg');
  res.locals.error = req.flash('error');
  next();
});

// Routes
app.use('/', require('./routes/index.js'));
app.use('/users', require('./routes/users.js'));
app.use('/chatroom', require('./routes/chatroom.js'));

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

app.listen(PORT, console.log(`Server started on port ${PORT}`));

Answer 1

首先，我要感谢 Cranky Coder；普拉赫隆德；以及 Sunil Lulla 的回复。

我最终弄清楚了如何让聊天室出现。如前所述，我的其他页面（登录和注册等）显示良好。与聊天室不同，我在 users.js 文件中拥有这些后端。所以我决定将我的 chatroom.js 代码移动到我的 users.js 中，然后在 app.js（我运行的文件）中调用 app.use('/users', require('.routes/users .js'))。

然后我将 router.get 代码更改为：

router.get('/chatroom', (req, res) => res.render('chatroom', {
  user: req.user
}));

然后在我的 router.post 中（请参阅 OP 了解上下文）我添加了一个 res.redirect('/users/chatroom');在最后一个括号结束之前。 最后，我当然编辑了我的 .ejs 文件以拥有

我发现这样做会更好，因为除非有人登录，否则无法访问聊天室。

再次感谢您的所有回复，虽然这是一个具体的问题，但我希望这对未来的人有所帮助。