Arhn - архитектура программирования

Axios - заголовок «Access-Control-Allow-Origin» отсутствует в запрошенном ресурсе

Я пытаюсь получить данные из конечной точки, используя VueJS и axios, но продолжаю получать следующую ошибку CORS в этом коде.

  axios
    .get(url, {
      headers: {
        "Access-Control-Allow-Origin": "*",
      },
    })
    .then((response) => {
      this.data = response.data;
    });

Доступ к XMLHttpRequest по адресу [url] из источника «http://localhost:8081» заблокирован политикой CORS: ответ на предварительный запрос не проходит проверку контроля доступа: отсутствует заголовок «Access-Control-Allow-Origin». на запрашиваемом ресурсе.

Я просмотрел несколько ответов, но единственные решения, которые я вижу, — это использование расширения Chrome или изменение конфигурации сервера, к которым у меня нет доступа. Есть ли способ решить это исключительно через интерфейс?

javascript cors vue.js axios
16.07.2021

  • Вы устанавливаете заголовок Access-Control-Allow-Origin на клиенте. Он должен быть установлен на сервере, к которому вы подключаетесь. 16.07.2021
  • Если вы не можете каким-либо образом получить доступ к серверу, единственным способом (я думаю) будет использование вашего внешнего прокси-сервера на локальном пути на вашем внешнем имени хоста (например, localhot: 8081 будет проксировано на localhost: 8080/сервер или аналогичный) . Если вы используете webpack, это поддерживается из коробки. 16.07.2021

Ответы:


1

Вы можете использовать прокси-сервер CORS, например CORS в любом месте:

  axios
    .get("https://cors-anywhere.herokuapp.com/" + url)
    .then((response) => {
      this.data = response.data;
    });

Однако это не очень хорошее решение для производственной среды, так как для обработки ваших запросов используется внешняя служба, что впоследствии может привести к проблемам.

16.07.2021
Новые материалы
Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..