配置Cross Origin Isolation适配Zoom SDK后Google APIs异常如何修复？

1. 调整跨源隔离响应头配置，同时兼容Google API #

要同时满足SharedArrayBuffer的跨源隔离要求和Google API的正常使用，修改你的NGINX配置：

# 将Cross-Origin-Opener-Policy从same-origin改为same-origin-allow-popups
add_header 'Cross-Origin-Opener-Policy' 'same-origin-allow-popups';
# 将Cross-Origin-Embedder-Policy从require-corp改为credentialless
add_header 'Cross-Origin-Embedder-Policy' 'credentialless';

配置说明 #

• same-origin-allow-popups 既保留了当前页面的跨源隔离权限，又允许打开的第三方弹窗（比如Google登录弹窗）和父页面正常通信，彻底解决popup_closed_by_user类的异常报错。
• credentialless 属于符合跨源隔离要求的COEP值，允许加载未携带CORP头的公共跨源资源（比如Google的静态资源、API代理页），不需要第三方服务端做任何修改，同时仍支持SharedArrayBuffer的正常使用。

2. 可选方案：路由级隔离配置 #

如果你的应用只有用到Zoom Web Video SDK的页面需要SharedArrayBuffer，可以仅给对应路径的请求添加上述跨源隔离响应头，其他页面保持原有配置，完全避免对Google API等第三方服务的影响：

location ^~ /zoom-meeting/ {
  # 仅在Zoom相关页面添加跨源隔离头
  add_header 'Cross-Origin-Opener-Policy' 'same-origin';
  add_header 'Cross-Origin-Embedder-Policy' 'require-corp';
  # 其他原有配置
}

3. 原有Google API适配调整保留 #

之前你给Google API的script标签添加的crossorigin属性不需要修改，保持即可。

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