Question

我使用ejs模板用nodejs和express编写我的第一个webb ap。现在，当我渲染html文件时，一切正常，但是当我尝试使用参数渲染文件时，渲染的ejs模板似乎无法找到我发送给它的参数

这是我的文件结构：

project/
  Views/
    index.ejs
    login.ejs
  public/
    all the css files ..
  node_modules/
  server.js

这是我的server.js：

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

app.set('view engine', 'ejs');
app.use(express.static(__dirname + '/Public'));
app.use(cookieParser());
app.use(session({secret: '1234567890QWERTY',resave: false, saveUninitialized: false})); // change the secret to safer one
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: true}));


app.get('/', function(req, res) {
    if (req.session.user == undefined) {
        // if user is not logged-in redirect back to login page //
        res.render('login');
    } else {
        console.log(req.session.user);
        res.render('index', {username:req.session.user});
    }
});

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


app.listen(8080);
console.log('port: 8080');

这是我的index.ejs文件：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Dashboard</title>

  </head>

  <body>

     <div><%= username %></div>

  </body>
</html>

由于某种原因，每当我尝试访问index.ejs时，它都会返回错误 - ＆＃34;用户名未定义＆＃34;

知道我做错了什么吗？在线示例看起来完全相同

谢谢！

在Fadi Bitar回答之后，这就是我的服务器看起来像是什么样子，并且它仍然没有工作：

app.get('/', function(req, res) {
    if (req.session.user == undefined) {
        // if user is not logged-in redirect back to login page //
        res.render('login',{username:req.session.user});
    } else {
        console.log(req.session.user);
        res.render('index', {username:req.session.user});
    }
});

// about page
app.get('/login', function(req, res) {
    res.render('login',{username:req.session.user});
});

Answer 1

在初始代码中，它应该可以工作......如果没有看到它我的猜测是你试图在login.ejs中回显<%=username%>。

您更新的代码有两点，您可以使用不存在的变量。

if (req.session.user == undefined) {
    res.render('login',{username:req.session.user});
}

在这里你说'如果req.session.user未定义，请将用户名设置为req.session.user＆＃39; （未定义）。

然后这个位也一样..

app.get('/login', function(req, res) {
    res.render('login',{username:req.session.user});
});

我在这里假设你去/登录req.session.user没有设置，这就是为什么错误...

Answer 2

我相信你在get函数中缺少“username”变量。

确保你这样做： res.render（'/'，{username：“example username”}）;

Ejs呈现的变量未定义

2 个答案: