角度 6 变化的 Heroku 部署答案

【问题标题】：Heroku deployment with angular 6 changes角度 6 变化的 Heroku 部署
【发布时间】：2026-02-03 08:55:02
【问题描述】：

我使用此快速代码部署了 Angular 5 应用程序。

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

const app = express();

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

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

app.listen(process.env.PORT || 8080);

但是在新的 Angular 6 应用程序中，我们有 angular.json 而不是 angular.cli.json 和一些 outDir 选项以及 dist 文件夹位置的一些变化。请任何人都可以建议使用 Angular 6 进行一些必要的更改。在此先感谢

【问题讨论】：

angular.json 的更改应该是无关紧要的，如果您只是提供构建的人工制品。只需将其指向index.html，它应该可以工作

标签： angular express heroku angular6

【解决方案1】：

解决了！！使用此代码您必须添加您的应用名称，而不仅仅是 dist。

    const express = require('express');
const app = express();
const path = require('path');
app.use(express.static('./dist/myappname'));
app.get('/*', function(req, res) {
  res.sendFile(path.join('./dist/myappname/index.html'));
});
app.listen(process.env.PORT || 8080);

【讨论】：