0

私は最近、私の Android アプリケーションと美しく相互作用する Slip PHP API ビルドを完成させました。私は現在、Web フロントエンドを構築していますが、私の人生では、ngResource のクエリ関数を使用して GET 経由で情報を要求する方法を理解できません。

私のindex.htmlファイルは次のとおりです。

<!doctype html>
<html ng-app="discussApp">
<head>
</head>
<body>

<div ng-controller="topicsController">
  <div>{{ topics }}</div>
</div>

<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/angular-resource.min.js"></script>
<script type="text/javascript" src="js/angular-route.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>

私の app.js ファイル:

var app = angular.module('discussApp', ['ngResource']);

app.controller("topicsController", function($scope, $resource, $http) {
  var Topics = $resource("http://api.discussorama.com/v1/topics");

  $scope.topics = Topics.query();
});

そして、私が読み込もうとしている情報 (Chrome の高度な REST クライアント、ブラウザー、および Android アプリの両方からこれを正常に実行しました) は次の場所にあります。http://api.discussorama.com/v1/topics (注: Angularjs でテストするために、Slim PHP で認証ミドルウェアを一時的に無効にしました)。エンドポイントは json レスポンスを返しますが、「[]」以外に Angular には何も表示されません。Angular アプリへのリンクはhttp://hwaelapps.com/discuss/webで何が起こっているのかを正確に知りたい人は、助けてくれてありがとう。注：urlencodeを含むいくつかのngResource構成オプションを試しましたが、まだデータを受信して​​いないため、すべてを削除し、すべてのコードは問題のとおりです。

4

1 に答える 1

0

答えはずっとコンソールログにありました。私が受け取っていたエラーは次のとおりです。

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

解決策は単に追加することでした

header("Access-Control-Allow-Origin: *");

私のSlim APIのindex.phpファイルに。共有ホストが CORS 用に構成されていないと思います。

于 2014-04-25T18:42:17.273 に答える