使用 express 服务 @angular/cli 组件，路径问题答案

【问题标题】：serving @angular/cli component using express, path issue使用 express 服务 @angular/cli 组件，路径问题
【发布时间】：2017-08-21 20:50:21
【问题描述】：

当我尝试混合使用 Angular、bootstrap 和 node.js / express 时，我被困在了中间。

我使用这个（好）教程创建了我的组件： https://trinitytuts.com/create-simple-web-application-with-angular-2/

我发现我必须在客户端“ng buid”并将所有内容推送到服务器上，但是当我尝试在服务器端加载我的组件时，我只得到：“正在加载...”，什么也没有。在开发人员控制台/网络上，我可以看到 index.html 是从正确的目录加载的，但所有子元素都是从根 (/) 而不是“trinity-app”目录加载的见：https://www.rdv.li/trinity-app/

对不起，如果这听起来像一个非常新手的问题，我怎么能“强制”角度组件从它的目录而不是 root 加载它的子元素？

我在快递中添加了：

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

每条线索将不胜感激

问候

格雷格

【问题讨论】：

我找到了一个线索，dist 文件夹中生成的 index.html 有，如果我手动更改为，但每次我重新生成组件时它都会被删除，我如何（以及在哪里）配置这个选项？
我找到了一个解决方法：ng build --base-href /trinity-app/dist

标签： node.js angular express

【解决方案1】：

我找到了一个解决方法，：ng build --base-href /trinity-app/dist 这不是一个干净的解决方案，但它有效

【讨论】：