Як пропустити попередній запит на ОПЦІЇ?

Я розробив додаток PhoneGap, який зараз перетворюється на мобільний веб-сайт. Все працює гладко, крім одного невеликого збою. Я використовую певний сторонній API через запит POST, який чудово працює в додатку, але не працює у версії мобільного веб-сайту.

Подивившись уважніше, здається, що AngularJS (мабуть, браузер насправді) спочатку надсилає запит OPTIONS. Сьогодні я багато дізнався про CORS, але, здається, не можу зрозуміти, як його взагалі вимкнути. Я не маю доступу до цього API (тому зміни на цій стороні неможливі), але вони додали домен, над яким я працюю, до свого заголовка Access-Control-Allow-Origin.

Це код, про який я говорю:

        var request = {
                language: 'fr',
                barcodes: [
                    {
                        barcode: 'somebarcode',
                        description: 'Description goes here'
                    }
                ]
            };
        }
        var config = {
            headers: { 
                'Cache-Control': 'no-cache',
                'Content-Type': 'application/json'
            }
        };
        $http.post('http://somedomain.be/trackinginfo', request, config).success(function(data, status) {
            callback(undefined, data);
        }).error(function(data, status) {
            var err = new Error('Error message');
            err.status = status;
            callback(err);
        });

Як я можу заборонити браузеру (або AngularJS) надсилати запит OPTIONS і просто перейти до фактичного запиту POST? Я використовую AngularJS 1.2.0.

Заздалегідь спасибі.

Попередній політ ініціюється вашим типом вмісту application/json. Найпростіший спосіб запобігти цьому - встановити тип вмісту text/plainу вашому випадку. application/x-www-form-urlencoded& multipart/form-dataТипи вмісту також є прийнятними, але, звичайно, вам потрібно буде належним чином відформатувати корисне навантаження вашого запиту.

Якщо після внесення цієї зміни ви все ще бачите попередній перегляд, тоді Angular, можливо, також додає X-заголовок до запиту.

Або у вас можуть бути заголовки (Авторизація, Керування кешем ...), які ініціюватимуть це, див .:

• https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS#Preflighted_requests

Як сказав Рей, ви можете зупинити це, змінивши заголовок вмісту, наприклад -

 $http.defaults.headers.post["Content-Type"] = "text/plain";

Наприклад -

angular.module('myApp').factory('User', ['$resource','$http',
    function($resource,$http){
        $http.defaults.headers.post["Content-Type"] = "text/plain";
        return $resource(API_ENGINE_URL+'user/:userId', {}, {
            query: {method:'GET', params:{userId:'users'}, isArray:true},
            getLoggedIn:{method:'GET'}
        });
    }]);

Або безпосередньо на дзвінок -

var req = {
 method: 'POST',
 url: 'http://example.com',
 headers: {
   'Content-Type': 'text/plain'
 },
 data: { test: 'test' }
}

$http(req).then(function(){...}, function(){...});

Це не надсилатиме жодного запиту на варіант перед польотом.

ПРИМІТКА: Запит не повинен мати будь-якого власного параметра заголовка. Якщо заголовок запиту містить будь-який власний заголовок, тоді браузер зробить запит перед польотом, ви не можете його уникнути.

При виконанні певних типів міждоменних запитів AJAX сучасні браузери, що підтримують CORS, вставлять додатковий запит "перед вильотом", щоб визначити, чи мають вони дозвіл на виконання дії. З прикладу запиту:

$http.get( ‘https://example.com/api/v1/users/’ +userId,
  {params:{
           apiKey:’34d1e55e4b02e56a67b0b66’
          }
  } 
);

В результаті цього фрагмента ми бачимо, що на адресу було надіслано два запити (OPTIONS та GET). Відповідь сервера включає заголовки, що підтверджують допустимість запиту GET. Якщо ваш сервер не налаштований на належну обробку запиту OPTIONS, запити клієнта не зможуть. Наприклад:

Access-Control-Allow-Credentials: true
Access-Control-Allow-Headers: accept, origin, x-requested-with, content-type
Access-Control-Allow-Methods: DELETE
Access-Control-Allow-Methods: OPTIONS
Access-Control-Allow-Methods: PUT
Access-Control-Allow-Methods: GET
Access-Control-Allow-Methods: POST
Access-Control-Allow-Orgin: *
Access-Control-Max-Age: 172800
Allow: PUT
Allow: OPTIONS
Allow: POST
Allow: DELETE
Allow: GET

Я думаю, найкращим способом є перевірити, чи є запит типу "ОПЦІЇ", повернути 200 із середнього посуду. У мене це спрацювало.

express.use('*',(req,res,next) =>{
      if (req.method == "OPTIONS") {
        res.status(200);
        res.send();
      }else{
        next();
      }
    });

Preflight - це функція веб-безпеки, реалізована браузером. Для Chrome ви можете вимкнути всю веб-безпеку, додавши прапор --disable-web-security.

Наприклад: "C: \ Program Files \ Google \ Chrome \ Application \ chrome.exe" --disable-web-security --user-data-dir = "C: \ newChromeSettingsWithoutSecurity". Спочатку можна створити новий ярлик chrome, перейти до його властивостей і змінити ціль, як зазначено вище. Це має допомогти!

встановлення типу вмісту на undefined змусило б javascript передавати дані заголовка як є, і над написанням типових конфігурацій заголовка $ httpProvider за замовчуванням. Документація $ http

$http({url:url,method:"POST", headers:{'Content-Type':undefined}).then(success,failure);