Magento2 REST API с AngularJS и Ionic

Question

Я работаю над проектом с Ionic, Firebase, AngularJS и пытается получить данные из проекта magento2, локально размещенного с использованием apache2 (http://localhost/magento2/) в ubuntu 14.04.

Я решил CORS ошибки добавляющие это мой файл .htaccess

<IfModule mod_headers.c> 

Header set Access-Control-Allow-Origin "*" 
Header set Access-Control-Allow-Headers "Origin, Authorization, X-Requested-With, Content-Type, Accept" 

</IfModule> 

AngularJS product.js файл, используемый для извлечения элемента

function getProducts() { 
    $http({ 
    method: 'GET', 
    url: 'http://localhost/magento2/rest/V1/products/24-MB01', 
    headers: { 
     'Authorization': 'Bearer vbasmelg29r94nf8u10o6b8cxoko5rn9' 
    } 
    }).then(function successCallback(response) { 
    // this callback will be called asynchronously 
    // when the response is available 
    console.log('[HTTP GET SUCCESS]', response); 
    }, function errorCallback(response) { 
    // called asynchronously if an error occurs 
    // or server returns response with an error status. 
    console.log('[HTTP GET ERROR]', response); 
    }); 
} 

я тестировал эти вызовы с помощью HTTP почтальона и возвращается статус 200 ОК. Когда я пытаюсь использовать через угловое я столкнулся с выходом из хрома:

OPTIONS http://localhost/magento2/rest/V1/products/24-MB01 ionic.bundle.js:25000 
XMLHttpRequest cannot load http://localhost/magento2/rest/V1/products/24-MB01. Response for preflight has invalid HTTP status code 400 :8100/#/product:1 

Пожалуйста, помогите мне?

Answer 1

Если вы использовали Chrome для проверки вашего углового приложения, более старые версии (около 51.x) имели эти проблемы с запросами предполетной защиты. Модернизация должна избавиться от проблемы.