在 IIS 中部署 Angular 应用答案

【问题标题】：Deploying an Angular app in the IIS在 IIS 中部署 Angular 应用
【发布时间】：2016-11-30 08:42:28
【问题描述】：

我有一个 Angular 2 应用程序，并希望在 IIS 中部署它。我没有使用 Visual Studio 创建应用程序。

应用程序中没有运行服务器端代码，因为它与单独的 asp.net web api 项目进行通信以进行数据库通信。本质上，工作文件是一堆打字稿文件和css、html。

它在 localhost:4200 中运行良好

问题在于，一个 Angular 2 应用程序实际上有数千个文件。

我尝试将 'src' 文件夹中的文件复制到 'C:\inetpub\wwwroot\myProjectFolder' 并更改了基本标记 <base href="/myProjectFolder"> 但根本没有显示任何内容，即使在 Chrome 控制台中也没有错误。

我将如何将 Angular 2 网络应用程序发布到 IIS。

谢谢

【问题讨论】：

标签： angular iis

【解决方案1】：

要为 Webserver/IIS 创建一个有效的构建，您必须使用 angular cli 创建一个构建。然后所有的打字稿资源都被翻译成可执行的javascript。

构建的默认位置是项目内的dist 文件夹。

如果您的应用未在域根目录上运行，请记住使用 --bh 标志设置正确的 baseHref。

ng build --prod --bh /folder/

dist old 中的输出如下所示：

【讨论】：