Google OAuth2：CORSポリシーでリダイレクトがブロックされました：リクエストにはプリフライトが必要です。クロスオリジンリダイレクトに従うことはできません。

Question

Google OAuth2を実装しようとしています。https://github.com/google/google-api-nodejs-client#authorizing-and-authenticatingを参考にしてください。私は、ブラウザのコンソールでこのエラーを取得し、この

var url = oauth2Client.generateAuthUrl({ 
    access_type: 'offline', 
    scope: some_scope 
    }); 
res.redirect(url); 

のようなページを同意するようにユーザーをリダイレクトする場合（リンク編集）：8080/myPageName：

XMLHttpRequestがローカルホストをロードすることはできません。 localhost：8080/myPageNameからaccounts.google.com/o/oauth2/auth?access_type = ...へのリダイレクトはCORSポリシーによってブロックされました：リクエストにはプリフライトが必要ですが、クロスオリジンのリダイレクトは許可されていません。

奇妙なことは、GUIからのフローを実行するときだけ（ユーザーがボタンを押す、angular2フロントエンド）、このエラーが発生しているということです。 localhost：8080/myPageNameをブラウザのアドレスバーに直接入力すると、すべてがうまく動作します（同意したフォームとトークンを取得します）。

何か助けていただければ幸いです。ありがとうございました。

Answer 1

私は同じ問題がありました（反応フロントエンドでは同じですが）。 これはおそらく、サーバからリダイレクトを使用してCORSをトリガする（サーバから許可していても）ためです。

リダイレクトURLを他の方法でフロントエンドに返す必要があります。フロントエンドアプリケーションからリダイレクトURLを取得し、呼び出す必要があります。

Answer 2

単純な解決策は、必要なクエリパラメータとの間に隠れたリンクを作成し、JavaScriptを使用してリンクをクリックすることです.HTTP POSTの送信をサポートしている場合は、JavaScriptの魔法を使用して、私はすでに削除されているか、近い将来に削除されると思います。