Не могу дать запрос AJAX?

Question

[IgorPlays]

Хотел дать запрос на один API с Basic Auth (USERNAME - PASSWORD).
Создал index.php - добавил заголовок header('Access-Control-Allow-Origin: *');
Написал скрипт - по нажатию на кнопку отправить AJAX

function myFunction(){
        var username="xxx";
        var password="xxx";
        $.ajax({
          type: "GET",
          url: "xxx",
          dataType: 'json',
          headers: {
            "Authorization": "Basic " + btoa(username + ":" + password)
          },
          success: function (result){
              console.log(result)
          }
        });

В ответ получаю

Access to XMLHttpRequest at 'xxx' from origin 'https://Мой серв.kz' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Перепробовал много чего но не помогает.

Answer 1

[Rsa97]

https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

Comments

[IgorPlays]

Можно Объяснить?

[Rsa97]

IgorPlays, А что конкретно из документации вам непонятно?

[Владимир Коротенко]

IgorPlays, Этот вопрос тут задается примерно раз в неделю. Поищите.
Грубо говоря яваскрипт может получать данные только со своего сервера, если сервер не настроен особым образом

[sinneren]

Владимир Коротенко, не js, а клиент - браузер.

IgorPlays, вы должны разрешить не только домен ,а всё то, что используете. а именно - заголовки. у вас это - Authorization

https://habr.com/ru/company/macloud/blog/553826/