반응형
VueJ를 사용하여 localhost에서 API 데이터를 가져오는 중s
제 기능은 다음과 같습니다.정말 간단합니다.
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, …}
내가 뭘 할 수 있을까?
더하다header("Access-Control-Allow-Origin: *");
허락하다CORS
에php
.행운을 빌어요
CORS를 유효하게 했습니까?개발자 도구를 사용하여 콜이 CORS로 인해 실패하지 않았는지 확인합니다.CORS 확장 기능을 크롬에 설치하고 CORS를 활성화하면 도움이 됩니다.또는 로컬 호스트에서만 응용 프로그램을 실행해야 하는 경우 PHP 응용 프로그램에 OPTIONS를 추가하십시오.
언급URL : https://stackoverflow.com/questions/49478061/fetching-api-data-on-localhost-with-vuejs
반응형
'programing' 카테고리의 다른 글
http를 사용하여 VUE의 CORS 문제를 해결하려면 어떻게 해야 합니까? (0) | 2022.09.16 |
---|---|
JavaScript 물음표 및 콜론 (0) | 2022.09.16 |
로깅 Python 모듈을 사용하여 파일에 쓰는 방법은 무엇입니까? (0) | 2022.09.16 |
vue-router의 기본 옵션 작동 방식 (0) | 2022.09.16 |
Java: Precision을 이중으로 설정하는 방법 (0) | 2022.09.16 |