programing

VueJ를 사용하여 localhost에서 API 데이터를 가져오는 중s

yoursource 2022. 9. 16. 21:13
반응형

VueJ를 사용하여 localhost에서 API 데이터를 가져오는 중s

제 기능은 다음과 같습니다.정말 간단합니다.

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

내 VueJS 앱이 포트에서 실행됨8080PHP는 포트 상의 XAMPP에서 실행됩니다.80.
API에서 무언가를 가져오려고 하면 다음 오류가 발생합니다.

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

내가 뭘 할 수 있을까?

더하다header("Access-Control-Allow-Origin: *");허락하다CORSphp.행운을 빌어요

CORS를 유효하게 했습니까?개발자 도구를 사용하여 콜이 CORS로 인해 실패하지 않았는지 확인합니다.CORS 확장 기능을 크롬에 설치하고 CORS를 활성화하면 도움이 됩니다.또는 로컬 호스트에서만 응용 프로그램을 실행해야 하는 경우 PHP 응용 프로그램에 OPTIONS를 추가하십시오.

언급URL : https://stackoverflow.com/questions/49478061/fetching-api-data-on-localhost-with-vuejs

반응형