フロントエンドからバックエンドへのルーティングがどのように機能するかを理解しようとしています。 私は asp.net core 7 で duende.bff パッケージを使用しており、ドキュメントとこのチュートリアルに従ってこれを設定しています: https://timdeschryver.dev/blog/lets-make-our-spa-more-secure-by -duende-and-auth0 setup-a-net-bff-#creating-a-bff-api を使用します。 現在、ユーザーが Auth0 を使用して認証できるように、フロントエンドからバックエンドにリダイレクトする方法を理解しようとしています。

React プロジェクトで asp.net core を使用し、setupProxy.js を変更してバックエンドに転送するエンドポイントを追加しただけです。

const { createProxyMiddleware } = require('http-proxy-middleware');const { env } = require('process'); const target = env.ASPNETCORE_HTTPS_PORT ? https://localhost:${env.ASPNETCORE_HTTPS_PORT} :env.ASPNETCORE_URLS ? env.ASPNETCORE_URLS.split(';')[0] : 'http://localhost:48637'; const context = [ 「/bff/ログイン」、 「/API」、 "/signin-oidc"、 「/signout-callback-oidc」 ]; const onError = (err, req, resp, target) => {console.error(${err.message});} module.exports = function (app) {const appProxy = createProxyMiddleware(context, {target: target,// ASP NET Core Web サーバーが利用できない場合にプロキシ ミドルウェアがクラッシュしないようにエラーを処理しますonError: onError,secure: false,/ / プロキシ Websockets のサポートを追加するには、この行のコメントを解除します//ws: true,headers: {Connection: 'Keep-Alive'}}); app.use(appProxy);};

それでもコールバック URL の不一致が発生します。 リダイレクト URI は https://localhost:8443/signin-oidc である必要がありますが、リダイレクト URI は https://44466/signin-oidc です。

ログイン コンポーネントは非常にシンプルになりました:

React を 'react' からインポートします。 './Login_logo' から LoginLogo をインポートします。 './Login_page.css' をインポートします。 const ログインページ = () => { 戻る （ 
 
 <ログインロゴ /> 
シップスター
 
 
  ログイン 
 
 ); }; デフォルトのログインページをエクスポート;