在cPanel上部署Angular webApp

时间:2018-09-01 13:12:35

标签: angular cpanel

我需要在cPanel上部署我的angular 6应用程序。 有人可以指导我执行这些步骤吗?

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

2 个答案:

答案 0 :(得分:2)

STEPS

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

  

ng构建--prod

您将获得很少的生产错误,除非您不解决它们,否则将无法创建生产版本。

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

打开FileZilla,使用适当的凭据与服务器连接。打开要在远程服务器上上传dist的文件夹。在远程服务器位置的dist文件夹中上载内容。请不要忘记更改基本href ,否则默认情况下它将采用root路径。

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

如何创建.htaccess文件?

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

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

Angular app deployment documentation

答案 1 :(得分:0)

第 1 步:运行“ng build --watch

第 2 步:上传dist”文件夹中的文件到您的托管环境。

第 3 步:更新index.html

    <base href="/"> **to** <base href="/projectDeployPath/">