使用 VueJS 在 localhost 上获取 API 数据答案

【问题标题】：Fetching API data on localhost with VueJS使用 VueJS 在 localhost 上获取 API 数据
【发布时间】：2018-09-03 19:21:59
【问题描述】：

这就是我的功能，非常简单：

mounted: function(){
      this.$http.get('http://localhost:80/gaming/api/game/1').then((data)=>{
        console.log(data.body);
      });
    }

我的 VueJS 应用程序在端口 8080 上运行，我的 PHP 在端口 80 上的 XAMPP 上运行。
当我尝试从我的 API 中获取某些内容时，我收到以下错误：

Uncaught (in promise) Response {url: "http://localhost:80/gaming/api/game/1", ok: false, status: 0, statusText: "", headers: Headers, …}

我能做什么？

【问题讨论】：

【解决方案1】：

添加header("Access-Control-Allow-Origin: *"); 以允许CORS 在php 上。祝你好运

【讨论】：

【解决方案2】：

您是否启用了 CORS？使用开发人员工具验证您的调用是否因 CORS 而失败。在 chrome 中安装 CORS 扩展并启用 CORS 会有所帮助。或者，如果您必须仅在 localhost 上运行应用程序，则在您的 PHP 应用程序中添加 OPTIONS。

【讨论】：