AWS Amplify 上的 Next-AUTH UNTRUST_HOST_ERROR

Question

Deployed NextJS app on AWS Amplify在 AWS Amplify 上部署 NextJS 应用程序

I am getting untrust host in my CloudWatch logs.我的 CloudWatch 日志中出现不信任主机。

Can someone help?有人可以帮忙吗？

[next-auth][error][UNTRUST_HOST_ERROR] [下一个授权][错误][UNTRUST_HOST_ERROR]

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

I have added this domain in my Cognito allowed callbacks.我已将此域添加到我的 Cognito 允许的回调中。

package.json package.json

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

Build Settings构建设置

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 /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 /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>
    </>
  );
}

Any Help would be appreciated任何帮助，将不胜感激

Answer 1

Make sure you have configured NEXTAUTH_URL environment variable correctly on AWS Amplify.确保您已在 AWS Amplify 上正确配置NEXTAUTH_URL环境变量。

I checked your website, and I see this error:我检查了你的网站，我看到了这个错误：

CLIENT_FETCH_ERROR CLIENT_FETCH_ERROR

On NextAuth.js documentation,在 NextAuth.js 文档中，

Here's a similar case: How to solve client fetch error for next-auth authentication这是一个类似的案例： 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 CLIENT_FETCH_ERROR

AWS Amplify 上的 Next-AUTH UNTRUST_HOST_ERROR

问题描述

1 个解决方案

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

CLIENT_FETCH_ERROR CLIENT_FETCH_ERROR

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