如何将我的Angular2项目上载到服务器？

Question

我是Angular的新手。我刚刚在Angular中完成了我的项目，并尝试通过Filezilla将其上传到服务器上。当我运行此url时，该页面没有出现，并且出现此消息错误“ Forbidden您没有访问此资源的权限。“当我在本地主机上运行它时，一切正常。为了将其上传到远程服务器上，我应该怎么做？

Answer 1

首先，您将其构建为生产产品。

ng build --prod

然后它将在没有web.config的情况下发布。将已发布的项目文件夹和文件放入服务器文件夹，然后您需要在创建后创建web.config。>

将其放入web.config

<configuration>
    <system.webServer>
        <rewrite>
<rules>
<rule name="Angular Routes" stopProcessing="true">
<match url="*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/" />
</rule>

</rules>
<outboundRules>

</outboundRules>
</rewrite>
        <httpProtocol>
            <customHeaders>
                <add name="X-UA-Compatible" value="IE=Edge" />
            </customHeaders>
        </httpProtocol>
</system.webServer>

</configuration>