Блог

У меня проблема с GetUserStatsForGame в Vue.js. Предупреждение в консоли: Заблокирован запрос на ресурс другого происхождения. Причина: отсутствует заголовок CORS ‘Access-Control-Allow-Origin’.

Как вы можете видеть в моем коде, у меня есть заголовки. Предупреждение должно исчезнуть.

В домене APIKEY я попробовал: localhost localhost:8080 127.0.0.1http://127.0.0.1 /
http://localhost / и многое другое… но ничего.

ПОЛУЧЕНИЕ в сети выглядит нормально: https://prnt.sc/n4jipf

       this.$axios
        .get(
          `http://api.steampowered.com/ISteamUserStats/GetUserStatsForGame/v2/?appid=${
            this.appid
          }amp;key=${this.APIKEY}amp;steamid=76561198269391482amp;format=json`,
          {
            headers: {
              "Content-Type": "application/json",
              Accept: "application/json"
            }
          }
        )
        .then(r => {
          console.log(r);
        });
  

Я хочу отобразить данные из API во внешнем интерфейсе, но у меня ошибка в консоли «Ошибка сети», данные не отображаются.

Возможно ли отображать данные на localhost?

Попробуйте использовать это расширение для браузера, оно устранило аналогичную проблему, с которой я столкнулся при тестировании веб-сайта:

https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en