$ http.get的json文件總是返回404

Question

我想在我的應用程序中添加一個配置JSON文件。
我已將它添加到我的項目中並嘗試使用$ http.get獲取它：

$http.get('http://localhost/myProject/content.json').success(function (data) {
        // Do stuff...
}).error((data, status, headers, config) => {
        // Failure...
});

問題是每次我收到錯誤404。

Answer 1

這是您的Web服務器mime類型配置的問題 - 它可能沒有json。 嘗試將文件擴展名重命名為.txt或.html，它應該可以正常工作。

您還可以將mime類型擴展添加到服務器。 對於IIS express，它是web.config。 例如：

 <staticContent>
    <remove fileExtension=".json" />
    <mimeMap fileExtension=".json" mimeType="application/json" />
  </staticContent>

Answer 2

把content.json文件兄弟放到index.html並使用它：

$http.get('content.json').success(function (data) {
        // Do stuff...
}).error((data, status, headers, config) => {
        // Failure...
});

Answer 3

<configuration>
    <system.web>
      <compilation debug="true" targetFramework="4.5" />
      <httpRuntime targetFramework="4.5" />
    </system.web>
   **<system.webServer>
    <staticContent>
      <mimeMap fileExtension=".json" mimeType="application/json" />
    </staticContent>
  </system.webServer>**
</configuration>


This works fine.. as what Erez A. Korn has said.

Answer 4

在angular 4存儲.json文件到你的項目的根文件夾。 所有Json文件存儲在同一個文件夾中。