Javascript 如何重定向到另一个网站并将 JWT 作为不记名令牌发送

Question

我需要重定向到另一个网站并将 JWT 作为不记名令牌发送。

我可以使用 fetch 来做吗？

像这样：

  $( document ).ready( function() {
    document.getElementById('Aother-Website-Link').addEventListener('click', event => {
      event.preventDefault();
      fetch('Another-Website-Link',
        {
        mode: "cors",
        method: "GET",
        headers: {
          'Authorization': `Bearer ${jwt}`
        }
      })
        .then(() => {
          window.location.href = 'Another-Website-Link';
        })
        .catch(error => {
          console.error(error);
        });
    });

Answer 1

不，你不能这样做。 首先，cookies 不能转移也不能跨域设置，cookies 只能在服务器位于同一域或子域时设置。

如果您的网站是website1.com并且您向backend2.com发出 fetch 请求，则backend2.com无法为您的网站设置任何 cookies。 如果您想在您的网站上设置 cookies，您的网站应该向同一域 ( website1.com/api/something ) 或类似api.website1.com的子域发出提取请求。

考虑到这一点，不，您不能将 cookies 重定向和转移到另一个网站。

如果您有权访问该站点，则可能有解决方案。 您可以在要重定向到的站点上设置自定义路由，将其称为/redirectCallback之类的名称，然后您可以重定向用户并通过 url 查询（ /redirect callback?cookie1Val=... ) 以便您要重定向到的网站可以解析这些值，将它们发送到他们的服务器，然后他们的服务器可以设置相同的 cookies，或者，如果您想要更高的安全性并且您也恰好有一个数据库集向上，您可以在重定向之前在您的服务器上创建一个带有id和cookieValue字段的临时switchSession并通过 url 查询发送它的 id ( /redirectCallback?redirectSessionId=... ) 然后网站可以再次解析它，将它发送到他们的服务器，他们的服务器将解析您数据库中的数据，然后删除redirectSession并再次将您的 cookies 发送到客户端（如果您想要更高的安全性，您可以实施签名/验证）。

我希望它有所帮助！

编辑：拼写。