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」がありません)。私は取得しています開発ツールで
わからないプリフライト応答がヘッダー「アクセス制御 - 許可 - 起源」を持っているにもかかわらず!
ありがとうございました。
これは期待したとおりに働いているようです。 –