无法从Azure正确运行Angular 4应用程序

Mani 发表于 Dev

手

我正在开发angular 4应用程序。在我的本地计算机上运行正常。当我提供服务时，它将应用程序用作http：// localhost：4200。由于这是一个POC项目，因此没有api调用，而是使用服务从asset / data.json文件中获取数据。

现在，我想将该站点部署为天蓝色。当我运行“ ng build --env = prod”时，我也得到了dist文件夹。我也看到了部署成功的消息。

但是，当我从天蓝色运行网站时，它无法正确加载。我启动了开发人员工具，看到许多404未找到的消息。我还附上了屏幕截图。

我不知道为什么这个网站不能正常工作。当我进入本地计算机上的dist文件夹并运行index.html页面时，还有另一件事得到相同的错误消息。

在此处输入图片说明

任何帮助表示赞赏。谢谢。

陈

为避免这些404错误，您需要在Azure上提供静态JSON和WOFF文件，方法是web.config在wwwroot文件夹中创建一个文件，然后在其中放置以下MIME配置。

<?xml version="1.0" encoding="UTF-8" ?>
<configuration>
    <system.webServer>
        <staticContent>
            <remove fileExtension=".json" />
            <remove fileExtension=".woff" />
            <remove fileExtension=".woff2" />
            <mimeMap fileExtension=".json" mimeType="application/json" />
            <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
            <mimeMap fileExtension=".woff2" mimeType="application/font-woff" />      
        </staticContent>
    </system.webServer>
</configuration>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。