無法加載* .json文件:(提供404文件未找到）

我想在ASP.NET MVC應用程序中設置AngularJS中的openrainbow API。有兩種方式可以配置和使用openrain API連接。 With AngularJS和Without AngularJS 無法加載* .json文件:(提供404文件未找到）

我已經在沒有AngularJS的情況下對它進行了配置，它的工作完美。但我想配置它並與AngularJS連接。

下面給出的是我從API Documentation使用的代碼。

AngularJS控制器

var sample = angular.module('sample', ['sdk']); 

sample.controller("sampleController", [ 
    "rainbowSDK", 
    function(sdk) { 
    "use strict"; 

    var onReady = function onReady() { 
     console.log("[DEMO] :: Rainbow SDK is ready!"); 
    }; 

    var onLoaded = function onLoaded() { 
     console.log("[DEMO] :: Rainbow SDK has been loaded!"); 

     sdk.initialize().then(function() { 
     console.log("[DEMO] :: Rainbow SDK is initialized!"); 
     }).catch(function() { 
     console.log("[DEMO] :: Something went wrong with the SDK..."); 
     }); 
    }; 

    $rootScope.$on(sdk.RAINBOW_ONREADY, onReady); 

    $rootScope.$on(sdk.RAINBOW_ONLOADED, onLoaded); 
    } 
]);

HTML視圖

<!DOCTYPE html> 
<html ng-controller="sampleController"> 
<head> 
    <title>OpenRainbow API</title> 
</head> 
<body> 

    <script src="//api.openrainbow.com/sdk/web/libs/loader-sdk.min.js" data-main="./config.json"></script> 

</body> 
</html>

config.json文件

{ 
    "libraries": { 
     "prerequisites": [ 
      "//code.jquery.com/jquery-2.1.3.min.js", 
      "//cdn.jsdelivr.net/momentjs/2.15.1/moment-with-locales.min.js", 
      "//cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js" 
     ], 
     "sdk": { 
      "official": [ 
       "//api.openrainbow.com/sdk/web/libs/vendors-sdk.min.js", 
       "//api.openrainbow.com/sdk/web/libs/rainbow-sdk.min.js" 
      ], 
      "default": "official" 
     }, 
     "after": [ 
     ] 
    }, 
    "app": { 
     "bootstrap": "sample", 
     "key": { 
      "appID":"", 
      "appSecret":"" 
     }, 
     "js": [ 
      "./src/js/sdkSampleApp.js", 
      "./src/js/components/connection/connectionCmp.js" 
     ], 
     "css": [ 
      "src/styles/sdkSampleApp.css", 
      "src/js/components/connection/connectionCmp.css" 
     ] 
    }, 
    "settings": { 
     "verboseLog": true, 
     "disableCache": true, 
     "enableLoader": true 
    } 
}

控制檯輸出：

的數據主要屬性未加載從路徑的config.json文件。該文件存在於該路徑中時，該文件的路徑是正確的。

來源

2017-02-28 Suhaib Janjua

那麼我用下面的方式來得到它的工作。在我的項目的web.config文件中，我爲MIME Types添加了以下行以允許所有JSON文件。現在它工作得很好。

<system.webServer> 
    <staticContent> 
     <mimeMap fileExtension=".json" mimeType="application/json; charset=UTF-8" /> 
    </staticContent> 
</system.webServer>

控制檯輸出：

enter image description here

來源

2017-02-28 12:22:26

無法加載* .json文件:(提供404文件未找到）

回答

相關問題