使用VueJS在localhost上获取API数据

Question

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

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, …}

我该怎么办？

Answer 1

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

Answer 2

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