/ / React、Axiosの問題:プリフライトのレスポンスに無効なHTTPステータスコードがある401 - javascript、react-redux、axios、http-status-code-401

React、Axiosの問題:プリフライトのレスポンスに無効なHTTPステータスコード401がある - javascript、react-redux、axios、http-status-code-401

私はReactJSとAxiosを使ってログインページを構築しています。私のチームは、Postmanの要求に応答できるローカルサーバーを立ち上げました。 ここに画像の説明を入力

何らかの理由で、ログインページで機能しません。ここに私のコード:

const request = axios.request({
url: `http://codelab:20080/uaa/oauth/token?grant_type=password&username=thien&password=123456`,
method: "POST",
headers: {
"Authorization": "Basic YnJvd3Nlcjo=",
}
}).then(response => {
console.log(response);
}).catch(error => {
console.log(error);
});

そして、エラー:

ここに画像の説明を入力

私は自分のコードが失敗するようなリクエスト間でどのような違いがあるのか​​分かりません。また、 "Allow-Control-Allow-Origin"拡張をインストールしましたが、使用しません。

回答:

回答№1は1

THE OPTIONSリクエストは、ブラウザーでCORSを作成し、OPTIONSがOKを返すときにのみ、CORSが許可されます。 POSTMANは存在しないため、POSTMANは正常に送信できます。したがって、バックエンドエンジニアにOPTIONS要求をフィルタリングするように依頼する必要があります。


回答№2の場合は0

コード401は権限を与えないことを意味するので、そこの問題そのAPIが401にあなたを投げている場合、あなたのバックエンドから来るかもしれません。エラーがCORに本当にあなたを指摘するので、私はそれがCORSから来ていたのか疑いがあります。あなたのバックエンドからの検証を依頼してみてくださいが、斧と郵便配達のあなたのコードに基づいて私は違いが見えません。