Heroku没有加载js脚本404

Question

我正在尝试在 Heroku 上使用 MEAN 构建我的第一个 Web 应用程序。我按照他们的指南运行示例应用程序。然后我下载了示例应用程序代码并对其进行了修改以加载登录页面。不幸的是，我无法加载我的 app.js 文件。这是角脚本。在主目录中，我有运行 express 的 index.js。无论如何，我能够加载 .ejs .css 和 img 文件，但这个脚本不会。我被困住了。我需要能够克服这个问题才能开始学习堆栈。

脚本与加载的其他文件位于公共目录中。代码看起来不错？不知道为什么我在脚本上得到 404。

非常感谢任何帮助！

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

app.set('port', (process.env.PORT || 5000));

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

// views is directory for all template files
app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');

app.get('/', function(request, response) {
  response.render('pages/index');
});

app.listen(app.get('port'), function() {
  console.log('Node app is running on port', app.get('port'));
});



<script src="/js/app.js"></script>

原来更改没有被推送到服务器。就是这样！

Answer 1

您只需将app.js 移至公用文件夹即可。 index.js 中的这一行 app.use(express.static(__dirname + '/public')); 告诉 express 从 /public 文件夹中提供静态资产。除非您将其公开，否则项目中的所有其他内容都将“隐藏”在服务器上。

您可以在 public 创建一个 js 文件夹并将 app.js 移动到那里。然后将 index.ejs 中的引用从 src="/app.js" 更改为 src="/js/app.js"。