如何设置Web工作人员在Edge / Safari中工作的内容安全策略？
如何设置Web工作人员在Edge / Safari中工作的内容安全策略？
提问于 2019-02-16 02:08:15
在尝试使用Web Worker时，我不断收到错误代码: 18，来自Edge和Safari的SecurityError。然而，工作人员在Firefox / Chrome中很好。我使用的是一个内联worker，我将零依赖数据处理函数传递给它。
我的CSP看起来：
add_header Content-Security-Policy "default-src 'self'; worker-src 'self' 'inline' *.example.com";我可以自己添加其他的好东西，比如本地样式表和googleapis.com，但是我很好奇如何让工作人员不抛出安全错误
来自worker method的代码片段
// Create an "inline" worker (1:1 at definition time)
const worker = new Worker(
// Use a data URI for the worker's src. It inlines the target function and an RPC handler:
'data:,$$='+asyncFunction+';onmessage='+(e => {
/* global $$ */
// Invoking within then() captures exceptions in the supplied async function as rejections
Promise.resolve(e.data[1]).then(
v => $$.apply($$, v)
).then(
// success handler - callback(id, SUCCESS(0), result)
// if `d` is transferable transfer zero-copy
d => {
postMessage([e.data[0], 0, d], [d].filter(x => (
(x instanceof ArrayBuffer) ||
(x instanceof MessagePort) ||
(x instanceof ImageBitmap)
)));
},
// error handler - callback(id, ERROR(1), error)
er => { postMessage([e.data[0], 1, '' + er]); }
);
})
);Edge为worker抛出以下错误：
[object DOMException]: {code: 18, message: "SecurityError", name:
"SecurityError"}
code: 18
message: "SecurityError"
name: "SecurityError"回答 1
Stack Overflow用户
回答已采纳
发布于 2019-03-02 09:08:50
我不确定为什么数据url会导致安全错误，但你可以使用URL.createObjectURL加载一个worker脚本，它似乎在Edge中工作正常(我没有在safari中测试它)。
下面是它应该是什么样子的：
// Create the worker script as a string
const script = '$$='+asyncFunction+';onmessage='+(e => {
/* global $$ */
// Invoking within then() captures exceptions in the supplied async function as rejections
Promise.resolve(e.data[1]).then(
v => $$.apply($$, v)
).then(
// success handler - callback(id, SUCCESS(0), result)
// if `d` is transferable transfer zero-copy
d => {
postMessage([e.data[0], 0, d], [d].filter(x => (
(x instanceof ArrayBuffer) ||
(x instanceof MessagePort) ||
(x instanceof ImageBitmap)
)));
},
// error handler - callback(id, ERROR(1), error)
er => { postMessage([e.data[0], 1, '' + er]); }
);
});
// Create a local url to load the worker
const blob = new Blob([script]);
const workerUrl = URL.createObjectURL(blob);
const worker = new Worker(workerUrl);如果你需要任何澄清，请告诉我！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54714860
复制相关文章
相似问题
腾讯云开发者
