javascript - 阻止从 Open Weather 加载资源

Question

正在开发AngularJs应用程序并通过$resource调用Open Weather API，面临以下问题。

Blocked loading resource from url not allowed by $sceDelegate policy. URL: http://samples.openweathermap.org/data/2.5/forecast

代码

$scope.weatherAPI = $resource('http://samples.openweathermap.org/data/2.5/forecast',
    { callback: 'JSON_CALLBACK' },
    { get: { method: 'JSONP' } }
);

$scope.weatherResul = $scope.weatherAPI.get({ q: $scope.srchCityName

有什么想法，如何解决吗？

Answer 1

我相信您必须将该 URL 启用为可信资源。我从不使用 $resource，所以机制可能有点不同，但基本上你必须注入(inject) $sce，然后调用 $sce.getTrustedResourceUrl(' http://samples.openweathermap.org/data/2.5/forecast ')。使用 $resource 你可以做到这一点:

$scope.weatherAPI = $resource($sce.getTrustedResourceUrl('http://samples.openweathermap.org/data/2.5/forecast'),
    { callback: 'JSON_CALLBACK' },
    { get: { method: 'JSONP' } }
);

如果这不起作用，请参阅此答案:$sce.trustAsResourceUrl() globally全局白名单解决方案。