拒绝执行内联事件处理程序，因为它违反了以下内容安全策略指令

最新推荐文章于 2024-07-05 20:57:59 发布
最新推荐文章于 2024-07-05 20:57:59 发布
阅读量5.6k 收藏
点赞数
分类专栏： 浏览器报错 文章标签： 浏览器安全策略 script src'self 拒绝执行内联事件处理程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xinzechen/article/details/90597828
版权

Refused to execute inline event handler because it violates the following Content Security Policy directive: “script-src ‘self’ ‘unsafe-inline’ ‘unsafe-eval’ at.alicdn.com f.alicdn.com g.alicdn.com log.mmstat.com g.assets.daily.taobao.net g-assets.daily.taobao.net tce.taobao.com retcode.alicdn.com g-assets.prepub.taobao.net bim-core-prod.oss-cn-shanghai.aliyuncs.com ‘nonce-t0AOXmRYDuRMQrdp’”. Note that ‘unsafe-inline’ is ignored if either a hash or nonce value is present in the source list.

解决方案：

  1. 使用document 创建元素后，添加事件，然后插入到指定容器中，要注意，使用容器id，会造成id不唯一
微信公众号：大前端实践者
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
CSP：内容安全策略详解.zip
03-31
**内容安全策略（Content Security Policy, CSP）**是现代Web应用程序中一种重要的安全特性，用于防御跨站脚本（XSS）攻击和其他恶意代码注入。它允许网站管理员通过定义一个策略来控制页面可以加载哪些资源，如脚本...
拒绝应用内联样式，因为它违反了以下内容安全策略：“style-src‘self‘https://apis.google.com。(Refused to apply inline style becau
Mr_chen_zw的博客
09-16 787
拒绝应用内联样式，因为它违反了以下内容安全策略：“style-src'self'https://apis.google.com。
Electron中提示:Refused to execute inline event handler because it violates
weixin_45488518的博客
03-14 1241
出现“Refused to execute inline event handler”的错误： index.html： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP --> <meta http-equiv="Content-Securi
第9章：Electron的安全性
最新发布
一名全栈开发工程师
07-05 536
在开发Electron应用时，安全性是一个非常重要的考虑因素。由于Electron应用可以访问Node.js的全部API，以及使用Web技术开发界面，因此需要特别注意安全问题。本章将介绍如何提高Electron应用的安全性，包括禁用不必要的功能、设置内容安全策略（CSP）等。
electron报错：Refused to execute inline event handler because it violates the following Content 。。。
github_53963510的博客
04-12 1699
electron 页面添加 onClick 点击事件报错：Refused to execute inline event handler because it violates the following Content Security Policy directive: "script-src 'self'". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required t
谷歌浏览器报错（二）
你若成风，我则化雨
01-15 2176
Refused to execute inline event handler because it violates the following Content Security Policy directive: “script-src ‘self’”. Either the ‘unsafe-inline’ keyword, a hash (‘sha256-…’), or a nonce (‘...
开发chrome谷歌插件报错：Refused to execute inline event handler because it violates the following Content Sec
qq_43429963的博客
01-14 7869
报错信息： Refused to execute inline event handler because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval'". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable
Refused to execute inline event handler because it violates the following Content Security Policy di
baidu_40537062的博客
06-24 1217
把下面这句注释掉就好了 <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
Refused to load the script ‘xxxx.js‘ because it violates the following Content Security Policy ...
魏大大
03-12 5020
Refused to load the script 'https://unpkg.com/xxxx.js' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'unsafe-inline' data:". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used
webappsec-csp:WebAppSec内容安全策略
05-11
**内容安全策略（Content Security Policy, CSP）**是Web应用程序安全的一个重要机制，它允许网站管理员定义和控制浏览器应加载哪些资源。CSP的主要目的是防止跨站脚本攻击（Cross-Site Scripting, XSS）和其他恶意...
Web开发人员需要了解的有关内容安全策略的知识
04-11
内容安全策略（Content Security Policy, CSP）是Web开发中一项重要的安全特性，旨在防止跨站脚本攻击（Cross-Site Scripting, XSS）和其他恶意注入。这篇文章将深入探讨CSP的核心概念、工作原理以及如何在实际开发...
Chrome扩展页面动态绑定JS事件提示错误
12-08
根据给出的错误信息，“Refused to execute inline script…”表明CSP不允许执行内联脚本，因为它违反了`script-src ‘self’ chrome-extension-resource:`这个指令。这里的`'self'`表示只允许加载同源（即扩展自身...
because it violates the following Content Security Policy directive: "script-src 'self' blob: filesy
星光的博客
11-18 9870
参考:https://codebug.vip/questions-561997.htm Refused to load the script 'https://cdn.bootcss.com/jquery/1.12.1/jquery.min.js' because it violates the following Content Security Policy directive: "s...
,Chrome扩展程序“拒绝加载脚本，因为它违反了以下内容安全策略指令”...
weixin_45038005的博客
07-20 1690
'https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js' because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem: chrome-extension-resource:".
Refused to execute inline event handler because it violates the following Content Security Policy di...
weixin_33698043的博客
04-10 7172
/********************************************************************************* * Refused to execute inline event handler because it violates the following Content Security Policy directive: "xx...
Content Security Policy directive: “script-src ‘self‘ ‘unsafe-eval‘“
albb58的博客
04-29 7365
谷歌插件开发 Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.
正当防卫CSP（content security policy）
weixin_43964271的博客
09-05 3657
because it violates the following Content Security Policy directive: "default-src 'self'
...because it violates the following Content Security Policy...
诸葛韩信--一个前往前端不归路的浪子
05-18 4102
在项目中，移动端安卓手机点击登录页面的图片，它居然放大全屏了，后来是因为没有在img标签中加上js方法return false阻挡（当然用css的背景图方式也是可以）。 解决方式我居然直接用了js的onclick方法 onclick="return false;" 问题就来了，导致报错。报错信息如下： Refused to execute inline event handler because it violates the following Content Security Policy direc
在 Vue2 项目中设置内容安全策略标头
06-08
在Vue2项目中，你可以通过在HTTP响应头中添加Content-Security-Policy标头来设置内容安全策略，以帮助保护您的应用程序免受XSS攻击。以下是一些设置内容安全策略标头的步骤： 1. 在Vue2项目中安装helmet和connect安全包，可以使用以下命令： ``` npm install --save helmet connect ``` 2. 在main.js中引入并使用helmet和connect： ```javascript import helmet from 'helmet'; import connect from 'connect'; // ... app.use(helmet({ contentSecurityPolicy: { directives: { defaultSrc: ["'self'"], scriptSrc: ["'self'"], styleSrc: ["'self'"], imgSrc: ["'self'"] } } })); ``` 3. 在contentSecurityPolicy选项中，您可以配置各种指令来控制允许加载哪些资源。在上面的示例中，我们设置了defaultSrc，scriptSrc，styleSrc和imgSrc指令，以允许仅从应用程序自身加载资源。 请注意，设置内容安全策略标头时，需要仔细检查和测试应用程序的功能，以确保它们不会受到影响。一些常见的问题包括加载外部脚本和CSS，以及使用内联样式和脚本。为了确保最佳安全性和性能，请只允许必要的资源，并避免使用内联样式和脚本。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值