[英]How can fix “it violates the following Content Security Policy directive: ”default-src 'self'" when I use datalist?
当我将 datalist 与 Content-Security-Policy" content="default-src 'self'" 一起使用时，它会给出错误，"拒绝应用内联样式，因为它违反了以下内容安全策略指令："default-src 'self' ”。 启用内联执行需要“unsafe-inline”关键字、哈希（“sha256-pIL...”）或随机数（“nonce-...”）。 请注意，除非存在“unsafe-hashes”关键字，否则哈希值不适用于事件处理程序、样式属性和 javascript: 导航。 还要注意，'style-src' 没有明确设置，所以 'default-src' 用作后备。”。
数据列表在浏览器中按我希望的那样工作，但是错误消息很烦人。 因为我希望尽可能保持安全性，所以我不想将 Content-Security-Policy 更改为 unsafe-inline。 你能给我一个提示来解决这个问题吗？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Security-Policy" content="default-src 'self'">
</head>
<body>
<label for="animalList" class="form-label">animal</label>
<input class="form-control" list="animalOptions" id="animalList" placeholder="">
<datalist id="animalOptions">
<option value="dog">
<option value="cat">
</datalist>
</body>
</html>
这似乎是基于铬的浏览器（包括 Edge）中的一个新错误。 它不会出现在 Firefox v89 中。
要消除此错误，只需将其添加到您的 CSP 中：
style-src-attr 'sha256-pILX+5FGCpLRHvNBgtABIdSMmytrYudGxJBUYXY1t0s=' 'unsafe-hashes';
该指令仅适用于 Chromium 引擎的浏览器，并适用于style=属性。 其他浏览器将遵循style-src规则。 对于<style>...</style>块，Chrome 也将遵循style-src规则。
拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“default-src 'self'”
[英]Refused to execute inline script because it violates the following Content Security Policy directive: "default-src 'self'"
来自外部 url 的 svg 中的图像未加载，因为它违反了以下内容安全策略指令：“default-src 'none'”
[英]Image in svg from external url not loaded because it violates the following Content Security Policy directive: “default-src 'none'”
因为它违反了以下内容安全策略指令：“style-src'self'”
[英]because it violates the following Content Security Policy directive: “style-src 'self'”
拒绝加载样式表，因为它违反了以下内容安全策略指令：“style-src 'self' 'unsafe-inline'”
[英]Refused to load the stylesheet because it violates the following Content Security Policy directive: "style-src 'self' 'unsafe-inline'"
拒绝加载脚本，因为它违反了以下内容安全策略指令：“style-src 'self' 'unsafe-inline'
[英]Refused to load the script because it violates the following Content Security Policy directive: "style-src 'self' 'unsafe-inline'
如何修复错误“拒绝执行内联脚本，因为它违反了以下内容安全策略指令：
[英]how to fix error " Refused to execute inline script because it violates the following Content Security Policy directive:
拒绝加载 * 因为它既没有出现在 img-src 指令中，也没有出现在 Content Security Policy 的 default-src 指令中
[英]Refused to load * because it appears in neither the img-src directive nor the default-src directive of the Content Security Policy
违反了内容安全策略指令：img-src *'self'数据：https：“
[英]Violates content security policy directive: img-src * 'self' data: https:"
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.