BlippAR Web AR SDK部署cpanel报错：无法创建Worker

问题原因 #

你遇到的错误是内容安全策略（CSP）限制导致的：当前主机的CSP规则里，default-src未包含blob:协议，且未单独设置worker-src规则，浏览器会用default-src作为Worker资源的 fallback。而BlippAR SDK需要通过blob:协议创建Worker处理AR逻辑，因此被浏览器拦截，和SSL无关。

解决方法 #

两种调整方式二选一即可：

方法1：在HTML头部添加meta标签

直接在页面<head>中加入CSP配置meta标签，补充blob:协议到规则里：

<head>
  <title>WebAR SDK Basic Scene</title>
  <meta http-equiv="Content-Security-Policy" content="default-src * data: 'unsafe-eval' 'unsafe-inline' blob:; worker-src blob:;">
  <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
  <script src="webar-sdk/webar-sdk-v1.4.4.min.js"></script>
</head>

方法2：通过cpanel或.htaccess配置全局CSP

• 若用cpanel可视化面板：进入Security > Content Security Policy配置项，找到default-src或worker-src规则，将blob:添加到允许列表。
• 若用.htaccess文件：在网站根目录的.htaccess中添加以下规则：

Header set Content-Security-Policy "default-src * data: 'unsafe-eval' 'unsafe-inline' blob:; worker-src blob:;"

验证步骤 #

1. 部署修改后的配置或代码
2. 打开浏览器控制台，确认不再出现CSP相关错误
3. 在手机Safari/Chrome中访问页面，测试AR场景是否正常加载3D模型

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