Question

我正在尝试在angularjs中创建api的演示用法，我遇到了这个问题。

我的代码如下：

app.js和index.html

<!DOCTYPE html>
<html ng-app="ytsApp">
    <head>
        <title>The Official Home of YIFY Movie Torrent Downloads - YIFY</title>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular-route.js"></script>

        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular-resource.js"></script>

    </head>
    <body ng-controller="MoviesCtrl">

        <script type="text/javascript" src="js/app.js"></script>
    </body>
</html>

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://yts.ag/api/v2/list_movies.json?limit=15&sort_by=year. (Reason: CORS header 'Access-Control-Allow-Origin' missing).

这是打开该页面时控制台中显示的结果：

<svg id="mainContent"></svg>

我在这里和那里搜索并尝试以多种方式编辑标题但无法破解它。如果有人帮我解决这个问题，我感激不尽。

Answer 1

您可以将jsonp用于支持跨域的演示：

$http.jsonp('...').then(...);

由于angularjs中的CORS，无法显示JSON数据

1 个答案: