如果您有一个httpOnly cookie，并且您不想将其暴露给客户端，我不建议将其作为prop在getServerSideProps中传递给组件。这将暴露您的令牌，并且存在脚本访问cookie的风险。如果cookie是HttpOnly，则意味着无法通过客户端脚本访问它。相反，你可以创建一个NextJS api并在那里访问你的令牌。然后在你的应用中调用那个API。
这是一个如何在nextjs API中访问cookie的示例：

// src > pages > api > endpoint.js
export default async function (req, res) {
  // assuming there is a token in your cookie
  const token = req.headers.cookie.token;

  // Attach the token to the headers of each request
  const fetchWithToken = (url, options = {}) => {
    options.headers = options.headers || {};
    options.headers.Authorization = `Bearer ${token}`;
    return fetch(url, options);
  };

  // Your API logic here
  // ...
}

现在在客户端的组件中，您可以轻松地使用/api/endpoint/中的新端点，而不是使用令牌调用API。在此方法中，您永远不会将令牌暴露给浏览器：

import { useState, useEffect } from 'react';

const MyComponent = () => {
  const [data, setData] = useState(null);

  useEffect(() => {
    const fetchData = async () => {
      const res = await fetch('/api/endpoint');
      const data = await res.json();
      setData(data);
    };

    fetchData();
  }, []);

  // Your component logic here
  // ...
};

export default MyComponent;