홈>
AngularJS$http서비스가 작동하지 않고가져 오기API가 작동하는 이유를 이해하고 싶습니다.
다음은 AngularJS 코드입니다 :
const $http = angular.element(document.body).injector().get('$http')
$http({
method: 'GET',
url: 'http://192.168.1.126:8080/saiku/rest/saiku/admin/datasources/',
headers: {
'Authorization': 'Basic YWRtaW46YWRtaW4='
}
})
이것은 나에게이 오류를 준다 :
와이즈 비즈이상한 부분은 이것입니다 :
angular.js:12845 OPTIONShttp://192.168.1.126:8080/saiku/rest/saiku/admin/datasources/403 () Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8081' is therefore not allowed access. The response had HTTP status code 403.
정답을 알려주세요
이것은 CORS 오류 일 수 있음을 알고 있지만 Tomcat에 CORS 필터를 추가하여 모든 것이 작동하고 가져 오기가 가능합니다. 페치 또는 $http의 버그입니까?
fetch('http://192.168.1.126:8080/saiku/rest/saiku/admin/datasources/', {
method: 'GET',
headers: {
'Authorization': 'Basic YWRtaW46YWRtaW4='
}
}).then((r) => r.json()).then(console.log)
- 답변 # 1
관련 자료
- sql server - Linux에서 SQL 브라우저 서비스를 어떻게 확인/시작합니까?
- javascript - 브라우저 콘솔에서 json에서 요소를 가져 와서 조건이 true 인 경우 작성하는 방법
- php - 브라우저에서 동일한 http 요청이 작동하고 내 Android 앱에서 보낼 때 실패하는 이유
- javascript - Fetch API를 컴파일하는 방법과 브라우저 호환성에 대한 약속?
- google chrome devtools - 서비스 작업자 페치 이벤트가 루트 indexhtml을 나열하지 않음
- javascript - 구성 요소에 angularjs 15 주입 서비스 - 알려진 공급자 오류
- node.js - POST 요청은 Postman에서 작동하지만 브라우저에서는 작동하지 않습니다
- javascript - styledisplay ="none"은 IE에서는 작동하지 않지만 다른 브라우저에서는 작동합니다
- php - Angularjs를 사용하여 MySQL에서 특정 ID의 데이터를 가져 오는 방법
- kubernetes - Ingress Nginx의 TCP 노출 서비스는 SSL과 함께 작동합니까?
- ios - React에서 POST 가져 오기 요청은 데스크톱에서는 작동하지만 Chrome의 iPad에서는 작동하지 않습니다
- javascript - 내 API 서비스가 계속 오류가 발생합니다AngularJS
- c# - 내 asmx 서비스는 로컬 컴퓨터의 iis win10에서 제대로 작동합니다 그러나 Windows Server 2008 R2에서는 작동하지 않습니다
- Wcf 서비스는 NET Core 31 콘솔 앱에서 작동하지만 ASPNET Core 31 Web API에서는 작동하지 않습니다
- javascript - Axios는 CORS에 실패하지만 가져 오기는 정상적으로 작동합니다
- javascript - 여권 인증은 우편 배달부에서 작동하지만 fetch ()에서는 작동하지 않습니다
- javascript - Web API POST를 찾을 수 없지만 (브라우저에서 404 발생) PostMan 및 Swagger에서 작동합니다
- web services - 브라우저에서는 작동하지만 장치 이온 앱에서는 작동하지 않는 웹 API에서 데이터를 가져옵니다
관련 질문
- angularjs : Google Compute Shell을 통해 Spring Boot 서비스 및 UI 배포 후 CORS 오류 발생
- reactjs : SET HTTP 헤더가있는 AXII를 사용하여 게시물 요청
- javascript : Angularjs의 Cors 오류가 발생했습니다
- node.js : 본문을 각도에서 NodeJS로 요청하는 객체를 추가하십시오
- node.js : 요청 된 자원에 '액세스 제어 허용 원점'헤더가 없습니다. 노드 -서버, Cors에 원산지를 적용했습니다.
- http : 옵션 요청이 왜 보내는 이유는 무엇이며 비활성화 할 수 있습니까?
- angularjs : 401 사용자 토큰 가져 오기 요청을 보낼 때 CORS로 인해 권한이 없음
- javascript : AngularJS POST 실패 : 프리 플라이트에 대한 응답에 잘못된 HTTP 상태 code 404가 있습니다.
- java : CORS 숨겨진 헤더?
- Capybara로 OPTIONS 요청을 테스트하는 방법은 무엇입니까?
이 질문을 쓰는 동안 답을 찾았습니다 :
AngularJS 앱에설정 파일이 설정되어 있습니다 :
(다른 헤더와 함께)요청을 CORS 문서와 같이요청합니다 :
와이즈 비즈
페치 API가 설정되지 않았기 때문에 작동했습니다 (
) 헤더와 $http 서비스입니다.If-Modified-Since