如何让OpenSeaDragon在请求中携带Google Cloud-CDN-Cookie

你已经设置的useCredentials: true和crossOriginPolicy: 'use-credentials'是正确的基础配置，但还需要补充以下关键步骤确保Cookie能被正常携带：

• 确认Cookie的属性配置合规：
  你的Cloud-CDN-Cookie必须满足跨域请求的Cookie规则：

  • 设置SameSite=None：跨域场景下必须显式声明该属性，否则浏览器会阻止Cookie跨域发送
  • 设置Secure：搭配SameSite=None使用时，浏览器强制要求Cookie为Secure类型，仅在HTTPS环境下传输
  • 确保Domain属性匹配Cloud CDN的域名，保证Cookie能被正确关联到目标请求域名

• 显式配置TileSource的跨域属性：
  如果通过TileSource加载图片，需要为每个TileSource单独设置crossOrigin属性，避免全局配置被局部覆盖。示例代码如下：

  var viewer = OpenSeadragon({
      id: "openseadragon-container",
      useCredentials: true,
      crossOriginPolicy: 'use-credentials',
      tileSources: [{
          type: 'image',
          url: 'https://your-cloud-cdn-domain.com/target-image.jpg',
          crossOrigin: 'use-credentials' // 必须显式设置该属性
      }]
  });
  

• 验证请求状态：
  打开浏览器开发者工具的Network面板，查看图片请求的Request Headers，确认Cookie字段中包含Cloud-CDN-Cookie。若未携带，排查以下点：

  • 浏览器是否禁用了第三方Cookie，需在隐私设置中为Cloud CDN域名添加例外
  • 确认当前环境为HTTPS（Secure Cookie仅在HTTPS下生效）
  • 检查Cookie的Path属性是否匹配图片请求的路径

内容的提问来源于stack exchange，提问作者Sherry Camargo