XMLHttpRequest не может загрузить «URL». Ответ на предполетный период имеет неверный код состояния HTTP 401

Question

Я работаю на ионном. и получил эту ошибку. Вот мой app.js:

var app = angular.module('eMoMo', ['ionic', 'ngCordova']) 
.config(['$httpProvider', function ($httpProvider) { 
     //Reset headers to avoid OPTIONS request (aka preflight) 
     $httpProvider.defaults.headers.common = {}; 
     $httpProvider.defaults.headers.post = {}; 
     $httpProvider.defaults.headers.get = {}; 
     $httpProvider.defaults.headers.delete = {}; 
     $httpProvider.defaults.headers.put = {}; 
     $httpProvider.defaults.headers.patch = {}; 
     $httpProvider.defaults.headers.common['Access-Control-Allow-Headers'] = '*';          
     //$httpProvider.defaults.headers.common['Authorization'] = 'Basic ' + btoa(my_id+ ':' + my_pass") 
    }]); 

app.controller('MainViewController', function($scope, $http) { 
    $http({ 
    method:"GET", 
    url: "my_url" 
     headers: { 
     'content-type': 'application/x-www-form-urlencoded; charset=utf-8', 
     'authorization': 'Basic ' + btoa('my_username' + ':' + 'my_pass') 
     'access-control-allow-origin': '*' 
    } 
    }).then(function(categories){ 
    console.log(categories); 
    }); 

}); 

app.run(function($ionicPlatform) { 
    $ionicPlatform.ready(function() { 
    if(window.cordova && window.cordova.plugins.Keyboard) { 
     cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
     cordova.plugins.Keyboard.disableScroll(true); 
    } 
    if(window.StatusBar) { 
     StatusBar.styleDefault(); 
    } 
    }); 
} 

)

Я пытаюсь исследование, это рассказать о CORS, но у меня есть установить плагин хрому, чтобы отключить эту ошибку. Как я могу решить эту проблему. ?

Answer 1

Поскольку вы добавляете пользовательские заголовки, вы вызываете preflight request. Предположительно, ваш плагин просто вставляет Access-Control-Allow-Origin: * в любой ответ, прежде чем Chrome обработает его. Это не помогает, когда сервер отвечает на запрос OPTIONS с ошибкой.

У вас есть четыре варианта:

1. Убедитесь, что сервер находится на том же происхождения, так что вам не нужно CORS (это может предусматривать создание сервера развития, который лучше отражает вашу живую окружающую среду)
2. Получить сервер для поддержки CORS
3. Найти плагин, который может обрабатывать запросы предполетных (или исправить уже существующий, так что может)
4. Изменить код, чтобы он не генерирует предполетный запрос

Отправной точкой для варианта 4 будет удалить:

$httpProvider.defaults.headers.common['Access-Control-Allow-Headers'] = '*';          

и

'access-control-allow-origin': '*' 

... так как Access-Control-Allow-Origin и Access-Control-Allow-Заголовки ответ и не имеют никакого смысла по запросу.

Возможно, вы все еще можете столкнуться с проблемами при добавлении заголовка авторизации.

Answer 2

обычно 401 относится к несанкционированному запросу.

1. Pls подтвердить свой пароль и имя пользователя,
2. если оба правильны, то сервер оленьей кожи destiantion принимает btoa кодировки Вашего имени пользователя и passwoord. Попробуйте кодировку BaseConverter64