Express res.render 没有渲染页面

Question

我正在尝试从我的主站点获取输入。提交输入后，页面应重定向到/view。似乎它成功重定向到/view（因为console.log() 被触发，但res.render 不起作用。如果我手动转到/view 它正在呈现页面。

这是我的app.js文件的代码：

// load the things we need
var express = require('express');
var app = express();
let bodyParser = require("body-parser");
let article = '';



//Set the view engine to ejs
app.set('view engine', 'ejs');
app.use('/static', express.static('static'))
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json())



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

//Get the input from the form
app.post('/searcharticle', function (req, res) {
    article = req.body.article;
    res.redirect('/view')
    return article;
});
//Page to output the input
app.get('/view', function (req, res) {
    console.log(article)
    res.render('view', {
        article: article
    })
})

app.listen(8080);
console.log('Server on 8080');

这是我的 folder structure

感谢您的帮助！

Answer 1

我的方法是将 ejs 的版本返回到 2.5.2，这样就可以了。不过不知道是什么原因不支持3..

Answer 2

你必须提到布局

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

Answer 3

我的优秀导师刚刚为我解决了一个非常相似的问题。登录表单 'submit' 被传递给 jQuery on('click') 并在经过身份验证后调用 API 调用结果的 Res.Render。 API 调用结果集已启用日志记录，但页面从未呈现，并且没有错误。
他告诉我 jQuery 充当“影子”DOM，并且 Res.Render 同样发生在该影子 DOM 中。我将登录表单更改为表单 Post 而不是 jQuery on Click。
那行得通！ 我为此工作了几天，没想到 jQuery 会导致这个障碍。

Answer 4

首先使用视图引擎，然后设置使用它的目录。

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

对于静态文件使用

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

Answer 5

如果您从 diff 目录而不是静态目录运行服务器，则需要添加相对路径

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

Answer 6

假设您的所有 .ejs 文件都在 views 文件夹中，请尝试在代码中添加这一行：

const path = require('path'); //npm install -S path in your console to install path. 

//Set the view engine to ejs
app.set('views', path.join(__dirname, 'views'));  // add this one, change 'views' for your folder name if needed.
app.set('view engine', 'ejs');
app.use('/static', express.static('static'))
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json())