Heroku没有加载js脚本404

Heroku not loading js script 404

本文关键字:脚本 js 加载 Heroku      更新时间:2023-09-26

我正在尝试在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>

原来更改没有被推送到服务器。这就是所有的人!

您只需要将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"。