在生产环境中，zxing/ngx-scanner 在 Safari 中有效但在 Chrome 中无效
In production, zxing/ngx-scanner works in Safari but not in Chrome
错误
尽管使用 HTTPS，Chrome 仍无法打开 zxing/ngx-scanner 并在尝试打开时收到此错误：@zxing/ngx-scanner Error when asking for permission. DOMException: Permission denied.
但是，它在 Safari 中完美运行。 Safari 询问是否可以访问相机，并在授予它权限后一切正常。
我使用了来自 Stackblitz 的样板 zxing 代码、此 repo's 文档和其他地方，例如<zxing-scanner></zxing-scanner> 在 Angular 8 component.html 中。即使是普通的 <zxing-scanner></zxing-scanner> 也不会产生这种行为。
重现
重现该行为的步骤：
1. npm i @zxing/ngx-scanner
2. 在 Angular 8 项目中，在 HTTPS 生产环境（例如部署到 Heroku）中，转到 component.html 中带有 <zxing-scanner></zxing-scanner> 的页面。
3. Chrome 中的摄像头无需权限即可访问。
4、因此扫描器打不开，控制台会显示如上错误。
5. 转到 Safari 中的同一页面。浏览器请求访问相机的权限，扫描仪完美运行。
预期行为
扫描器适用于所有浏览器，包括 Chrome，在生产中。
版本
- OS: Mac 10.14.6
- 浏览器：Chrome：78.0.3904.97
- 版本：@zxing/ngx-scanner2.0.1
- Angular 8
附加上下文
- 在本地主机上，在 Chrome 和 Safari 上一切正常。
- Chrome 安全设置不显示列为安全例外的产品站点。
- 访问其他人的 zxing-scanner 页面，例如在 Stack blitz 上，而在 Chrome 中显示扫描仪正在按预期请求许可，并且一切正常。在我的环境中重现相同的代码时，扫描仪不工作并给出上述错误。
- 如果它在 Safari 中不起作用，我认为问题出在我的环境上，因为所有迹象都表明...但它在 Safari 中起作用。也许 Safari 的安全性允许这样做，但即使根据
禁用 Chrome 安全性，也会发生同样的错误。
- 我还在使用服务工作者（通过 WorkboxPlugin）通过本地缓存进行离线访问。我排除了扫描仪页面，但它仍然无法正常工作。
我也遇到过同样的情况。请检查您的 headers...
在我的 .htaccess 文件中，我有这样的内容：
Header set Feature-Policy "geolocation 'none'; midi 'none'; camera 'none'; usb 'none'; magnetometer 'none'; accelerometer 'none'; vr 'none'; speaker 'none'; ambient-light-sensor 'none'; gyroscope 'none'; microphone 'none'"
如你所见：
camera 'none';
Firefox 忽略了它，chrome 没有。
错误
尽管使用 HTTPS，Chrome 仍无法打开 zxing/ngx-scanner 并在尝试打开时收到此错误：@zxing/ngx-scanner Error when asking for permission. DOMException: Permission denied.
但是，它在 Safari 中完美运行。 Safari 询问是否可以访问相机，并在授予它权限后一切正常。
我使用了来自 Stackblitz 的样板 zxing 代码、此 repo's 文档和其他地方，例如<zxing-scanner></zxing-scanner> 在 Angular 8 component.html 中。即使是普通的 <zxing-scanner></zxing-scanner> 也不会产生这种行为。
重现
重现该行为的步骤：
1. npm i @zxing/ngx-scanner
2. 在 Angular 8 项目中，在 HTTPS 生产环境（例如部署到 Heroku）中，转到 component.html 中带有 <zxing-scanner></zxing-scanner> 的页面。
3. Chrome 中的摄像头无需权限即可访问。
4、因此扫描器打不开，控制台会显示如上错误。
5. 转到 Safari 中的同一页面。浏览器请求访问相机的权限，扫描仪完美运行。
预期行为 扫描器适用于所有浏览器，包括 Chrome，在生产中。
版本
- OS: Mac 10.14.6
- 浏览器：Chrome：78.0.3904.97
- 版本：@zxing/ngx-scanner2.0.1
- Angular 8
附加上下文
- 在本地主机上，在 Chrome 和 Safari 上一切正常。
- Chrome 安全设置不显示列为安全例外的产品站点。
- 访问其他人的 zxing-scanner 页面，例如在 Stack blitz 上，而在 Chrome 中显示扫描仪正在按预期请求许可，并且一切正常。在我的环境中重现相同的代码时，扫描仪不工作并给出上述错误。
- 如果它在 Safari 中不起作用，我认为问题出在我的环境上，因为所有迹象都表明...但它在 Safari 中起作用。也许 Safari 的安全性允许这样做，但即使根据
- 我还在使用服务工作者（通过 WorkboxPlugin）通过本地缓存进行离线访问。我排除了扫描仪页面，但它仍然无法正常工作。
我也遇到过同样的情况。请检查您的 headers... 在我的 .htaccess 文件中，我有这样的内容：
Header set Feature-Policy "geolocation 'none'; midi 'none'; camera 'none'; usb 'none'; magnetometer 'none'; accelerometer 'none'; vr 'none'; speaker 'none'; ambient-light-sensor 'none'; gyroscope 'none'; microphone 'none'"
如你所见：
camera 'none';
Firefox 忽略了它，chrome 没有。