Live Helper Chat配置CORS后跨域切换出现ChunkLoadError及组件不显示问题

问题根源 #

浏览器缓存了其中一个子域名下的Chat组件资源，切换到另一个子域名时，加载缓存资源触发CORS校验失败，导致ChunkLoadError。因为你配置的CORS仅允许指定域名，缓存资源携带的原域名源信息与当前域名不匹配，浏览器拦截了资源加载。

解决建议 #

• 调整CORS允许源：将peopleinside.it和helpdesk.peopleinside.it同时加入CORS允许列表。如果后续还有同主域子域名需要使用，可考虑使用通配符*.peopleinside.it（需评估安全风险，精准指定单个域名更能避免盗用）。
• 添加缓存破缺参数：在Live Helper Chat的组件加载URL中加入版本号或时间戳类的动态参数，比如?v=20240520，每次更新组件时修改参数值，强制浏览器重新拉取资源，避免跨域名时复用旧缓存。
• 优化缓存策略：在Live Helper Chat服务器上，给组件资源设置Cache-Control响应头，比如max-age=0, must-revalidate，让浏览器每次加载都校验资源有效性；或使用no-store彻底禁止缓存（会增加服务器请求量，按需选择）。
• 统一主域源标识：在两个子域名的页面中设置document.domain = 'peopleinside.it'，让浏览器识别为同源，共享缓存资源时不会触发CORS校验（需注意安全边界，避免扩大跨域风险）。
• 修正资源加载路径：检查Live Helper Chat组件是否硬编码了某个子域名的资源地址，切换后无法适配当前域名。改成相对路径或动态根据当前域名生成资源URL。

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