AWS Amplify 上的 Next-AUTH UNTRUST_HOST_ERROR

Question

在 AWS Amplify 上部署 NextJS 應用程序

我的 CloudWatch 日志中出現不信任主機。

有人可以幫忙嗎？

[下一個授權][錯誤][UNTRUST_HOST_ERROR]

URL: https://master.dtzbr8sfj0q7k.amplifyapp.com/

我已將此域添加到我的 Cognito 允許的回調中。

package.json

"next": "13.0.7",
"next-auth": "^4.18.6",

構建設置

version: 1
applications:
  - frontend:
      phases:
        preBuild:
          commands:
            - npm ci
        build:
          commands:
            - npm run build
            - COGNITO_CLIENT_ID=${COGNITO_CLIENT_ID}
            - COGNITO_CLIENT_SECRET=${COGNITO_CLIENT_SECRET}
            - COGNITO_DOMAIN=${COGNITO_DOMAIN}
            - JWT_SECRET=${JWT_SECRET}
            - NEXTAUTH_URL=${NEXTAUTH_URL}
      artifacts:
        baseDirectory: .next
        files:
          - '**/*'
      cache:
        paths:
          - node_modules/**/*
    appRoot: client

/pages/api/[...nextauth].js

import NextAuth from "next-auth/next";

function CognitoProvider(options) {
  return {
    id: "cognito",
    name: "Cognito",
    type: "oauth",
    wellKnown: `${options.issuer}/.well-known/openid-configuration`,
    idToken: true,
    profile(profile) {
      return {
        id: profile.sub,
        name: profile.name,
        email: profile.email,
        image: profile.picture,
      };
    },
    options,
  };
}

export default NextAuth({
  providers: [
    CognitoProvider({
      clientId: process.env.COGNITO_CLIENT_ID,
      clientSecret: process.env.COGNITO_CLIENT_SECRET,
      issuer: process.env.COGNITO_DOMAIN,
    }),
  ],
  secret: process.env.JWT_SECRET,
  callbacks: {
    jwt({ token, account, profile }) {
      if (account) {
        console.log("Account exists");
        // modify token
        token.role = profile["cognito:groups"];
      }
      return token;
    },

    session({ session, token }) {
      if (session.user) {
        // modify session
        session.user.roles = token.role;
      }
      return session;
    },
  },
});

/index.js

import Head from "next/head";
import App from "../components/App/App";
import { useSession, signIn, signOut } from "next-auth/react";

export default function Home() {
  const { data: session } = useSession();
  if (session) {
    return (
      <>
        <Head>
          <title>Create Next App</title>
          <meta name="description" content="Generated by create next app" />
          <meta name="viewport" content="width=device-width, initial-scale=1" />
          <link rel="icon" href="/favicon.ico" />
        </Head>
        <App />
      </>
    );
  }
  return (
    <>
      Not signed in <br />
      <button
        onClick={() => {
          e.preventDefault();
          signIn("cognito", {
            callbackUrl: process.env.NEXTAUTH_URL,
          });
        }}
      >
        Sign in
      </button>
    </>
  );
}

任何幫助，將不勝感激

Answer 1

確保您已在 AWS Amplify 上正確配置NEXTAUTH_URL環境變量。

我檢查了你的網站，我看到了這個錯誤：

CLIENT_FETCH_ERROR

在 NextAuth.js 文檔中，

這是一個類似的案例： How to solve client fetch error for next-auth authentication

AWS Amplify 上的 Next-AUTH UNTRUST_HOST_ERROR

問題描述

1 個解決方案

解決方案1
0 2023-01-26 02:55:41

CLIENT_FETCH_ERROR

AWS Amplify 上的 Next-AUTH UNTRUST_HOST_ERROR

問題描述

1 個解決方案

解決方案1 0 2023-01-26 02:55:41

CLIENT_FETCH_ERROR

解決方案1
0 2023-01-26 02:55:41