如何将 Angular 2/4 应用程序部署到网络托管？

Posted 2023-03-04

【中文标题】如何将 Angular 2/4 应用程序部署到网络托管？

【英文标题】：How to deploy an angular 2/4 application on to web hosting?

【发布时间】：2018-10-03 07:19:12

【问题描述】：

我已经创建了 Angular 4 项目的本地副本，现在本地一切正常。 所以我只想将 Angular 应用程序部署到我的共享虚拟主机上以进行全局访问，我该怎么办？

【问题讨论】：

ehm deploy it^^我不太明白这个问题

假设我已经在本地系统上创建了一个 Angular js 4 应用程序，现在我希望该应用程序在我可以从互联网上的任何地方访问的实时服务器上

ng build --prod 将创建一个 dist 文件夹，其中包含您需要的所有文件，这些文件可以复制到您的服务器。瞧，您的应用正在运行。

【参考方案1】：

另外，不要忘记像这样在 build(dist) 的 index.html 中更改 base url

<base href="./">

或者你也可以简单地调用 flag 来运行构建命令

ng build --base-href /myUrl/

【参考方案2】：

打开命令提示符并转到项目文件夹然后运行

ng build

为了优化生产使用，

ng build --prod

更多命令可以在这里找到：https://angular.io/guide/deployment

这将生成一个 dist 文件夹。将 dist 文件夹的内容上传到您的网络服务器 wwwroot 目录。现在你可以访问你的 Angular 应用了。