angularjs - Nike 请求的资源上不存在“Access-Control-Allow-Origin”标头

Question

我正在尝试使用 Angulars $http 请求从耐克商店网站获取当前的男士清仓鞋，并将其显示在我自己的网站上。

 $http({
        method: 'GET',
        url: 'http://store.nike.com/html-services/gridwallData?country=US&lang_locale=en_US&gridwallPath=mens-clearance-shoes/'
    }).then(function successCallback(response) {
        console.log('success',response);
    }, function errorCallback(response) {
        console.log('error',response);
    }); 

但是，它给了我这个错误。

XMLHttpRequest cannot load http://store.nike.com/html-services/gridwallData?country=US&lang_locale=en_US&gridwallPath=mens-clearance-shoes/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access.

我知道它是一个跨域资源共享问题。有没有办法绕过这个？我也可以在我的网站上合法地展示他们的清仓产品吗？

Answer 1

添加这个

   myApp.config(['$httpProvider', function($httpProvider) {
            $httpProvider.defaults.useXDomain = true;
            delete $httpProvider.defaults.headers.common['X-Requested-With'];
        }
    ]);