angularjs 和跨域请求被阻止

Question

我的 angularjs 应用嵌入到了 asp.net mvc 应用中。

我从 angularjs 向跨域发送请求，例如

        $http({
            method: 'POST',
            url: 'http://www.mywebservice.com',
            data: { username: uname, password: pass },
            headers: { 'Content-Type': 'application/json' }
        }).success(function (data, status, headers, config) {
            console.log('status', status);
            console.log('data', status);
            console.log('headers', status);
        });
    }

我得到了

跨域请求被阻止：同源策略不允许读取 http://www.mywebservice.com 的远程资源。 （原因：CORS 请求失败）。

这是我可以在运行这个 angularjs 应用程序的 asp.net mvc 服务器端修复的东西，还是我应该在 mywebservice.com 端检查的东西？

Answer 1

发生这种情况是因为您尝试向不同来源的服务器发送请求。该问题需要在 mywebservice.com 上通过允许您的域向其发出请求来解决。或者，您可以从您的服务器发出请求，然后将其发送到您的 Angular 前端。