无法获取 /blah.html - .ejs 无法加载 html？

Question

我正在使用 Nodejs 和 Express 创建动态网页。

我有一个包含此 iframe 的 home.ejs 文件：

<iframe id="newstable" src="/news_tables/2018-08-04.html" height="1000" width="100%"></iframe>

我的文件夹目录是：

News_Aggregator (includes app.js)
News_Aggregator/news_tables (includes a bunch of html files, e.g. `2018-08-04.html`)
News_Aggregator/views (includes my `home.ejs` file)

还有我的app.js：

const express = require('express');
const app = express();
app.set("view engine", "ejs");

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

app.listen(8000, () => {
  console.log('Example app listening on port 8000!')
});

但是，当 home.ejs 被渲染时，我的 iframe 不会加载 html 页面：

这适用于“普通”HTML。要让.ejs 文件找到并正确呈现，我缺少什么？

Answer 1

您的 HTML 是从 .ejs 文件生成的这一事实无关紧要。

您的 HTML 表明浏览器应该向服务器询问 URL /news_tables/2018-08-04.html。

您的 HTTP 服务器有一个路由 app.get('/', 并且没有其他路由。

您的 HTTP 服务器不知道 URL /news_tables/2018-08-04.html，因此它返回一个 404 Not Found。

您需要编写代码来提供您想要的所有 URL。

如果您想提供静态文件，您可能应该查看 Express static() 中间件。

Answer 2

您收到错误是因为服务器不知道从哪里获取文件。 首先，您必须定义静态 .ejs 文件的位置。让我们说这样的话。如果您的文件位于公共文件夹（ejs、css 等）中，您将从那里获取它们。设置两者：

app.use(express.static(__dirname + '/public'))
app.set('views', path.join(__dirname, '/public'));

如果您有 home.ejs 文件，您可以从这里直接回复

  res.render('home', {});

您应该从here 查看 Express static() 并了解如何提供文件

Answer 3

唯一可行的方法是从地址“localhost:3000/index.html”中删除“.html”。