在NextJS API中获取JWT令牌

import jwt from 'jsonwebtoken';

export default function handler(req, res) {
  // 从请求中获取用户信息
  const { username, email } = req.body;

  // 创建负载数据
  const payload = {
    username,
    email,
  };

  // 生成JWT令牌
  const token = jwt.sign(payload, 'your-secret-key', { expiresIn: '1h' });

  // 返回JWT令牌给客户端
  res.status(200).json({ token });
}

import { useEffect, useState } from 'react';

function MyComponent() {
  const [token, setToken] = useState('');

  useEffect(() => {
    fetch('/api/auth', {
      method: 'POST',
      body: JSON.stringify({ username: 'john', email: 'john@example.com' }),
    })
      .then((response) => response.json())
      .then((data) => setToken(data.token))
      .catch((error) => console.error(error));
  }, []);

  return (
    <div>
      <p>JWT令牌：{token}</p>
    </div>
  );
}