如何在我的网站上托管 angular 2 应用程序？答案

【问题标题】：How do I host an angular 2 app on my website?如何在我的网站上托管 angular 2 应用程序？
【发布时间】：2019-03-21 18:28:46
【问题描述】：

我知道已经有一个关于堆栈溢出的类似问题（即这个问题：how to host angular 2 website?），但这并没有真正回答我的问题。

我已经在 Angular 2 中制作了我的第一个应用程序，现在我想将它放到网上。我已经在 Wix 和 Weebly 拥有（免费）网站。只需将所有文件放在与现在相同的文件夹结构中（运行ng build --prod 之后），是否可以在其中一个网站上托管我的应用程序？

或者我必须使用适当的程序将文件上传到服务器吗？

或者这些都行不通，它真的像我现在想的那么复杂吗？

【问题讨论】：

标签： angular hosting

【解决方案1】：

您应该检查 .htaccess 文件以正确解析 URL。（如果 Wix 有一个或者您可以访问它）。您尝试加载的 URL 可能不指向 Angular 应用程序的 index.html。搜索 Angular 的 .htaccess 文件，您可能会发现问题。

您的ng build --prod 是正确的，然后只需将dist 文件夹的内容上传到public_html 文件夹即可。您不需要任何特殊类型的程序。您只是在上传一个包含大量 Javascript 的静态网站。

【讨论】：

不要忘记检查主机的 404 处理，它会将它们重定向到您的 Angular 应用程序，这意味着您的 Angular 应用程序下的每个未知子部分都应该由您的 Angular 应用程序处理，否则您将得到webservers 404 页面并离开角度上下文。

【解决方案2】：

运行 ng build --prod 编译的 Angular 应用程序的结果将是 javascript 、 html 、css 、image 或 fonts 所有这些只需要服务器端的静态 http 服务器通常你需要更新 url writer 以防 iis例如，如果您将应用程序托管在子域或基本 url 而不是根目录上，则在这两种情况下，您都需要更新基本 url。

这是我在 github 页面上对主机 Angular 应用程序的配置

 "configurations": {
            "production": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ],
              "optimization": true,
              "outputHashing": "all",
              "sourceMap": false,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true,
              "baseHref": "https://malbarmawi.github.io/angular-lessons/"
            }
          }
        },

source

Deploy an Angular Application to IIS

【讨论】：