2017-12-26 37 views
1

CORS 요청을 수행하는 동안 Axios 게시에 이상한 문제가 발생합니다. 내가 개발 도구 200 상태 코드로 응답을보고하고이를 실행하면 Axios CORS로 오류 블록을 실행하는 POST 요청 및 브라우저 도구 표시 200

는 다음 코드

export function loginUser (props) { 
 
\t var request = axios.post(Endpoints.LOGIN_URL, 
 
\t \t { 
 
\t \t \t 'username': props.username, 
 
\t \t \t 'password': props.password 
 
\t \t }); 
 
\t return dispatch => { 
 
\t \t dispatch(login()) 
 
\t \t return request.then(
 
\t \t \t function (response) { 
 
\t \t \t \t console.log('success ', response) 
 
\t \t \t \t dispatch(loginSuccessful(response.data)) 
 
\t \t \t \t history.go('/home'); 
 
\t \t \t }) 
 
\t \t \t .catch(function (response) { 
 
\t \t \t \t console.log('error', response) 
 
\t \t \t \t dispatch(loginFailed(response.data)) 
 
\t \t \t }) 
 
\t } 
 
}
를 사용하여 전화를 걸 때. 비행 전 옵션 요청 및 후속 응답은 예상대로 작동합니다. 어떻게 실행되는 코드 블록이 catch 블록입니까? 차단

크로스 원산지 요청 :

은 콘솔에서 나는 다음과 같은 오류가 점점 오전 같은 기원 정책 http://localhost:8080/auth/login에서 원격 자원을 읽어 허용하지 않습니다. (이유 : CORS 헤더 'Access-Control-Allow-Origin'누락). 개발 도구에서

나는 점점 오전 : enter image description here enter image description here

확실하지 왜 비행 전 응답이 헤더 "액세스 제어 - 허용 - 원산지를"에도 불구하고 콘솔에서 CORS 오류!

감사합니다.

답변

0

사용자의 Access-Control-Allow-Origin은 포트 3000을 지정하고 포트 8080에 연결합니다. 허용 원 헤더가 http://localhost이되도록 포트를 완전히 제거하거나 테스트를 위해 *로 설정하십시오.

2

Access-Control-Allow-Origin 헤더뿐만 http://localhost:8080/auth/loginPOST 동작에서 응답에 존재해야한다.

+0

예상대로 작동하는 것 같습니다. –