代码之家  ›  专栏  ›  技术社区  ›  Nir Tzezana

使用VueJS在本地主机上获取API数据

  •  3
  • Nir Tzezana  · 技术社区  · 7 年前

    这是我的函数,非常简单:

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

    我的VueJS应用程序在端口上运行 8080 ,并且我的PHP在端口上的XAMPP上运行 80
    当我尝试从API中提取某些内容时,出现以下错误:

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

    我能做什么?

    2 回复  |  直到 7 年前
        1
  •  2
  •   Brane    6 年前

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

        2
  •  1
  •   Vivek Khurana    7 年前

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