javascript - 无法在 Angular js 中加载资源错误

Question

同时尝试以 Angular 运行以下函数

$scope.login = function (user, LoginForm) {

        $http.get('http://localhost/Angular/index.php/core/login').success(function (data) {
            $scope.message = data;
        });
    };

显示如下错误

(我在 webstorm 中使用这段代码)

加载资源失败:服务器响应状态为 404(未找到)

http://localhost/Angular/index.php/api/login:0

无法加载资源:请求的资源上不存在“Access-Control-Allow-Origin” header 。因此不允许访问来源 'http://localhost:63342'。

http://localhost/Angular/index.php/api/login:0

XMLHttpRequest 无法加载 http://localhost/LAngular/index.php/api/login。请求的资源上不存在“Access-Control-Allow-Origin” header 。 Origin 'http://localhost:63342' 因此不允许访问。

如何解决这个问题？

Answer 1

这表明该 API 不支持跨源请求

所以请求应该是'JSONP'

$http.jsonp('http://localhost/Angular/index.php/core/login')

有关此问题的更多信息:http://www.arunisrael.com/2013/08/accessing-external-apis-with-angularjs.html