Heroku:加载资源失败：服务器响应状态为404（未找到）

Question

我有angular 6应用程序在我的本地机器上，一切都按照我想要的完美工作，完成项目后我将其部署到heroku，当我运行我的应用程序时，这里是指向heroku中应用程序的链接：测试应用程序

正如您所看到的，我在控制台浏览器中遇到以下错误

加载资源失败：服务器响应状态为404（未找到）

1. 这是我在github中的应用程序结构

github中的应用程序回购

为了快速参考，这里是服务器。js

const express = require('express');
const bodyParser = require('body-parser');
const cors = require('cors');
const path = require('path');
const app = express();
const port = process.env.PORT || 3000

app.use(express.static(path.join(__dirname, '/majeni/dist/majeni/')));

app.use(bodyParser.json());

app.use(cors());



 const forceSSL = function () {
  return function (req, res, next) {
    if (req.headers['x-forwarded-proto'] !== 'https') {
      return res.redirect(
        ['https://', req.get('Host'), req.url].join('')
      );
    }
    next();
  }}app.use(forceSSL());

app.get('/*', function (req, res) {
   res.sendFile(path.join(__dirname + '/majeni/dist/majeni/index.html'));
     });

 app.listen(port, () => {
  console.log('Server started on port '+port);
  });

这是heroku日志。

2018-08-16T17:46:38.891333 00:00应用程序[web.1]：错误：enoint:没有这样的文件或目录，stat'/app/majeni/dist/majeni/index。html'

我的代码有什么问题？

Answer 1

Heroku找不到dist目录，因为它不是您提交的存储库的一部分。dist目录已添加到。gitignore文件。

提交dist目录通常是个坏主意，所以我们应该在Heroku上生成它。

您可以通过在包中添加安装后脚本来实现这一点。json

"scripts": {
  "postinstall": "ng build"
}