Steam 网页 API。是否可以在 Vue.js 中获取本地主机上的数据?

Steam WEB API. Is it possible to get data on localhost in Vue.js?

我在 Vue.js 中遇到 GetUserStatsForGame 问题。 控制台中的警告:已阻止对其他来源资源的请求。原因:缺少 CORS header 'Access-Control-Allow-Origin'。

正如您在我的代码中看到的那样,我有 headers。警告应该消失。

在 APIKEY 域中我试过: 本地主机 localhost:8080 127.0.0.1 http://127.0.0.1/ http://localhost/ 还有更多……但什么都没有。

网络中的 GET 看起来不错:https://prnt.sc/n4jipf

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

我想在 front-end 上显示来自 API 的数据,但我在控制台中出错 "Network error" 数据未显示。

是否可以在本地主机上显示数据?

尝试使用此浏览器扩展程序,这解决了我 运行 在测试网站时遇到的类似问题:

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