在所请求的资源AngularJS上不存在“Access-Control-Allow-Origin”报头

前端之家收集整理的这篇文章主要介绍了在所请求的资源AngularJS上不存在“Access-Control-Allow-Origin”报头前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
XMLHttpRequest cannot load http://mywebservice. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:9000' is therefore not allowed access.

我得到这个错误,当我尝试从我的代码内部运行我的Web服务。我试图找到它,并尝试了许多解决方案,我建议在网上找到。粘贴下面的代码

<form name="LoginForm" ng-controller="LoginCtrl" ng-submit="init(username,password,country)">
    <label>Country</label><input type="text" ng-model="country"/><br/><br/>
    <label>UserName</label><input type="text" ng-model="username" /></br></br>
    <label>Password</label><input type="password" ng-model="password">
    </br>
    <button type="submit" >Login</button>
</form>

并且控制器形成相应的js是:

app.controller('LoginController',['$http','$scope',function ($scope,$http) {
    $scope.login = function (credentials) {
    $http.get('http://mywebservice').success(function ( data ) {
        alert(data);
        });
    }
}]);

当我从URL栏命中web服务工作正常。如何解决问题?请帮忙!

在客户端,您可以通过AngularJS启用cors请求
app.config(['$httpProvider',function($httpProvider) {
        $httpProvider.defaults.useXDomain = true;
        delete $httpProvider.defaults.headers.common['X-Requested-With'];
    }
]);

但是,如果这仍然返回一个错误,这将暗示您正在发出请求的服务器必须允许CORS请求,并且必须为此配置。

原文链接:https://www.f2er.com/angularjs/146697.html

猜你在找的Angularjs相关文章