NextJS和Auth0如何获取接口请求的承载token

import { useAuth0 } from "@auth0/auth0-react";

function MyComponent() {
  const { isAuthenticated, getAccessTokenSilently } = useAuth0();

  const fetchProtectedData = async () => {
    if (isAuthenticated) {
      try {
        const token = await getAccessTokenSilently();
        const response = await fetch('/api/my-protected-endpoint', {
          headers: {
            Authorization: `Bearer ${token}`
          }
        });
        const data = await response.json();
        console.log(data);
      } catch (error) {
        console.error("Error fetching protected data:", error);
      }
    }
  };

  return (
    <div>
      <button onClick={fetchProtectedData}>Fetch Protected Data</button>
    </div>
  );
}

export default MyComponent;

import { expressjwt: jwt } from "express-jwt";
import { expressJwtSecret } from "jwks-rsa";

const auth0Secret = process.env.AUTH0_SECRET;

export default function handler(req, res) {
  const checkJwt = jwt({
    secret: expressJwtSecret({
      cache: true,
      rateLimit: true,
      jwksRequestsPerMinute: 5,
      jwksUri: `https://your-auth0-domain/.well-known/jwks.json`
    }),
    audience: process.env.AUTH0_CLIENT_ID,
    issuer: `https://your-auth0-domain/`,
    algorithms: ["RS256"]
  });

  app.use(checkJwt);

  // Your protected route logic here
  res.status(200).json({ message: "This is a protected route" });
}