Question

我正在使用angular2而我正在使用http get来检索位于http://MYSITE.azurewebsites.net/config/UIVisuals.json的配置文件

使用filezilla查看网站时，wwwroot/config/UIVisuals.json文件确实存在。

当我在本地运行时，一切正常。当我部署到azure时，我在文件上获得了404。

如果我将网址放入浏览器The resource you are looking for has been removed, had its name changed, or is temporarily unavailable.

更新我已经在我的网站上启用了目录浏览，现在我可以浏览到该目录，查看该文件。如果我双击它，我会得到The resource you are looking for has been removed, had its name changed, or is temporarily unavailable.

因此，这有效地将我的应用程序从图片中删除，使其更像是一个天蓝色的东西。

这里有什么蔚蓝的东西？

Answer 1

更新：我错过了您尝试提供的JSON文件，为了实现这一点，您需要将以下mimeMap添加到您的web.config文件中：

<?xml version="1.0"?>

<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension=".json" mimeType="application/json" />
        </staticContent>
    </system.webServer>
</configuration>

有关详细信息，请参阅this page。

原始回答：

默认情况下，没有任何内容可以阻止此类文件的提供。我的猜测是你有一些导致这种情况的自定义配置。为了帮助隔离什么，请尝试以下方法：

如果您将同一文件放在不同的文件夹下，例如，它是否可以使用config2/UIVisuals.json？
如果您创建一个没有其他内容的全新网络应用程序，然后只需添加config/UIVisuals.json？

你应该使用Kudu Console来尝试，因为它比FTP更方便。

Answer 2

我遇到了woff，woff2和otf字体文件缺失的类似问题。它在当地运作良好。但是没有在azure部署中工作。解决此问题：在src文件夹（[您的项目位置] /src/web.config）中创建了一个web.config文件。

添加了以下内容：

<?xml version="1.0" encoding="utf-8"?>
<configuration>
<system.webServer>
 <staticContent>
      <!-- In case IIS already has this mime type -->
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
      <remove fileExtension=".woff2" />
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
      <remove fileExtension=".otf" />
      <mimeMap fileExtension=".otf" mimeType="font/otf" />
      <remove fileExtension=".eot" />
      <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
      <remove fileExtension=".svg" />
      <mimeMap fileExtension=".svg" mimeType="images/svg+xml" />
      <remove fileExtension=".svgz" />
      <mimeMap fileExtension=".svgz" mimeType="images/svg+xml" />
      <remove fileExtension=".json" />      
      <mimeMap fileExtension=".json" mimeType="application/json" />
    </staticContent>
</system.webServer>
</configuration>

您可以添加项目所需的更多文件类型。它对我来说很好。希望它也适合你。

angular2 app，文件json文件的http请求，azure上的404

2 个答案: