将 angular 4 部署到 IIS

Question

我在 Anglular 4 中有一个项目，它提供从 'assets' 文件夹中获取 JSON 数据的服务。我使用 'ng build' 命令创建了 dist 文件夹，然后添加到默认站点下的 IIS。在 'index.html' 中，我设置了 .

索引页面加载正常使用 url like -

http://bla1.bla2.bla3.com/DistFolder

但是，我在 'assets' 文件夹中的服务中引用的文件出现错误。我在那个资产文件夹中有一些 jsons 和 png 文件。

我收到如下错误 -

获取http://bla1.bla2.bla3.com/assets/somefile.json404（未找到）

非常感谢您的帮助。

提前致谢。

Answer 1

假设您如标签所示使用 IIS 7.5 而不是更高版本，请确保启用 JSON mime 类型以在 IIS 中提供服务。基本上将 web.config 添加到根文件夹（您的 index.html 所在的位置），其中包含：

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

将 angular 4 部署到 IIS

Deploy angular 4 to IIS

angular

iis-7.5