2017-12-26 14 views
1

CORSリクエストの実行中にAxiosポストで奇妙な問題が発生しています。Axios CORSでエラーブロックを実行しているPOSTリクエストとブラウザのdevツールが表示されています。

私はこれを実行すると、私は開発ツールで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」がありません)。私は取得しています開発ツールで

:コンソールで、なぜCORSエラー enter image description here enter image description here

わからないプリフライト応答がヘッダー「アクセス制御 - 許可 - 起源」を持っているにもかかわらず!

ありがとうございました。

答えて

0

あなたのAccess-Control-Allow-Originはポート3000を指定しており、ポート8080に接続しています。許可元ヘッダーがhttp://localhostになるようにポートを完全に削除してください。

2

Access-Control-Allow-Originヘッダもhttp://localhost:8080/auth/loginPOST操作から応答中に存在しなければなりません。

+0

これは期待したとおりに働いているようです。 –

関連する問題