使用节点服务器部署heroku

Question

我在 heroku 上的 web 应用程序部署仍然存在问题 - 返回的错误是无法加载资源错误 404。它在我的本地节点服务器上完美运行，但在推送到 heroku 时不加载 css 或 js 文件。我已经看到了几个关于 ruby​​ 的答案，但关于节点的数量有限 - 这是我的服务器代码：

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

// set the port of our application
// process.env.PORT lets the port be set by Heroku
var port = process.env.PORT || 8080;

// set the view engine to ejs
app.set('view engine', 'ejs');

// make express look in the public directory for assets (css/js/img)
app.use(express.static(__dirname + '/public'));

// set the home page route
app.get('/', function(req, res) {

    // ejs render automatically looks in the views folder
    res.render('index');
});

app.listen(port, function() {
    console.log('Our app is running on http://localhost:' + port);
});

非常感谢！

Answer 1

如果您的 JS 和 CSS 文件位于公共目录中，则需要修改代码以反映这一点。问题是 heroku 正在根目录中查找这些文件，而这些文件实际上位于 /public 中。

要将 /public 添加到请求 URL，您需要更改此行

app.use(express.static(__dirname + '/public'));

到这里

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

您可以在related post 中了解更多信息。