angular - 在 cPanel 上部署 Angular webApp

Question

我需要在 cPanel 上部署我的 Angular 6 应用程序。有人可以指导我的步骤吗？

我在 cPanel 中找不到配置文件夹。

Answer 1

步骤

使用以下命令创建生产版本。

ng build --prod

您将遇到一些生产错误，除非您不修复它们，否则您将无法创建生产版本。

您将在根目录的项目文件夹中找到新文件夹dist。打开该文件夹，有一个 index.html 文件，其中包含基本 href (href="/")。将“/”替换为您要上传 dist 的合适路径。

打开 FileZilla，使用正确的凭据连接服务器。打开远程服务器上要上传 dist 的文件夹。上传远程服务器位置上的 dist 文件夹中的内容。请不要忘记更改基本href，否则它将默认采用根目录的路径。

重要的部分是添加“.htaccess”文件，除非您不添加它，否则您将无法从主页路由到其他地方。将显示找不到文件错误。

如何创建.htaccess文件??

.htaccess 文件完全取决于您要使用哪个服务器......每一种都有不同的服务器配置，例如 Apache、NGinx、IIS 等

有关更多详细信息，请参阅以下 Angular 应用部署文档。

Angular app deployment documentation