从 express 中的路由文件夹访问公共静态文件

Question

我正在尝试从公共文件夹访问静态“home.html”文件。 该应用程序的架构是：

• 民众
  • 主页.html
• 路线
  • 索引.js
• 意见
• 我的应用程序

myapp.js：

var express = require('express');
var path = require('path');

var routes = require('./routes/index');

var app = express();

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

app.use(express.static(path.join(__dirname, 'public')));

app.use('/', routes);

索引.js：

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

router.get('/', function(req, res, next) {
    res.render('index', { title: 'Express' });
});

router.get('/about', function(req, res, next){
    res.sendFile(__dirname + '/home.html');
});

module.exports = router;

我遇到的主要问题是我无法加载位于“/about”的 home.html 文件。 index.js 中的“__dirname”指向 routes 文件夹，我尝试连接 '/../' 以向上移动目录，但我只是收到 403 Forbidden Error。 我想我可以将 home.html 文件放在路由目录中，但我真的很想弄清楚如何解决根本问题。 当然，从 '/' 的视图文件夹中渲染 jade 文件效果很好。 预先感谢您的帮助和专业知识。

Answer 1

您正试图以错误的方式使用它。 您收到禁止错误的原因是客户端不应能够访问您选择的静态文件夹之外的文件夹。

您可以做的是选择多个静态目录，例如在 node.js Express 框架中设置两个不同的静态目录

尽管我建议您将所有公开可用的文件放在同一目录中。