Angular js中无法加载资源错误

Posted 2023-02-24

【中文标题】Angular js中无法加载资源错误

【英文标题】：Failed to load resource error in Angular js

【发布时间】：2013-12-20 16:43:08

【问题描述】：

同时尝试以角度运行以下函数

$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”标头。因此，Origin 'http://localhost:63342' 不允许访问。

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

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

如何解决这个问题？

【问题讨论】：

这个答案（jquery相关）可以帮助你。 ***.com/questions/19821753/… 即使是 jquery，它也会告诉你如何处理 Origin Policy。

【参考方案1】：

这表示 Api 不支持跨域请求

所以请求应该是'JSONP'

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

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