Refused to execute inline script because it violates the following Content Security Policy directive

最新推荐文章于 2024-09-07 20:50:56 发布
最新推荐文章于 2024-09-07 20:50:56 发布
阅读量722 收藏
点赞数 5
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiao_ju_ju/article/details/138206919
版权
本文讲述了在Vue单页面应用中遇到的前端页面报错问题，原因是将本地iframe页面错误地放在src路径。解决方案是将iframe移动到public目录下，确保正确加载。
摘要由CSDN通过智能技术生成

1.前端页面报错

2.造成原因

        是因为我们iframe的本地页面的位置放错了，我们vue页面是spa单页面，我把本地iframe的页面放置到了src里面去了，所以报错了。

3.解决方案

         把iframe放置在public里面就行了。

xiao_ju_ju
关注
Chrome扩展页面动态绑定JS事件提示错误
12-08
问题描述： 当开发Chrome扩展时，页面的popup.html中需要js的时候，直接将JS写在动态绑定JS事件会提示： Refused to execute inline script because it violates the following Content Security Policy directive: “script-src ‘self’ chrome-extension-resource:”.. 解决办法： 在popup.html中引用外部的js文件动态绑定JS事件，例如： 代码如下: <script type=”text/javascript” charset=”u
ELK下常见启动错误_refused to execute inline script because it violat(1)
2301_82244640的博客
05-15 464
修改/etc/security/limits.conf文件，增加配置，用户退出后重新登录生效。
ELK下常见启动错误_refused to execute inline script because it violat
最新发布
2401_86964011的博客
09-07 1143
相关讨论：https://discuss.elastic.co/t/problems-with-access-to-elasticsearch-form-outside-machine/172450。elasticsearch 常用命令 ： https://www.cnblogs.com/spicy/p/11893406.html。解决办法：切换到root安装,可以成功安装上,安装上注意，需要重新对目录chmod，我是直接给的777，然后可以直接启动es。【3】修改/etc/sysctl.conf。
Cordova页面解析页面中script标签内容失败，Refused to execute inline script because it violates the following
热门推荐
天马3798
02-16 2万+
一、异常内容： Refused to execute inline script because it violates the following Content Security Policy directive: "default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'". Either the 'u...
.net swagger 空白
u012839776的博客
01-24 1773
背景：.net+swagger做的接口文档， 症状：之前一直好好的，突然出现了页面空白，什么内容也不显示， 浏览器脚本报错如下： Refused to execute inline script because it violates the following Content Security Policy directive: "default-src 'self'". Either the 'unsafe-inline' keyword, a hash ('sha256-jsSx+sDgVLmA
ecshop伪静态后产品列表页切换显示方式无法打开页面的解决问题
09-28
在电子商务网站开发中，ECSHOP是一款广泛使用的开源电商系统。然而，用户在尝试启用伪静态功能后可能会遇到一些技术问题，特别是关于产品列表页面的显示方式。本篇文章将详细解析这个问题及其解决方案。...
css样式无法加载Refused to apply style from ‘http://localhost:8080/static/css/style.css’ because its MIME
01-20
在开发Web应用时，我们经常会遇到“Refused to apply style from ‘URL’ because its MIME type is not a supported stylesheet MIME type”的错误，这个问题通常涉及到CSS样式表的加载问题。在这个具体的案例中，...
SecureCRT连接CentOS时出错 报错为：“The remote system refused the connection.” 的解决方法
01-07
今天在使用SecureCRT连接CentOS时, 提示我The remote system refused the connection, 百度了一下看到的解决方案有很多, 但是根据我之前遇到的错误, 我觉得可能是IP地址冲突的问题 近期由于在家办公, 家里的电脑数量...
VsCode加载页面报错Refused to execute inline script1.%E4%BA%8B%E4%BB%B6...%BF%E7%94%A8.html: 7because it
scoutee的博客
07-10 1069
然后就没在VC里面用Preview on Web Server插件，在文件中直接打开html文件的话，是可以加载出来的，所以我觉得是Preview on Web Server插件的问题，因为前段时间我有在改它的配置的，不知道是不是有不小心改什么地方，然后就把它卸了再重装，电脑重启了一下，又可以了，后续在观察看看。也就是说：拒绝执行内联脚本 1.%E4%BA%8B%E4%BB%B6...%BF%E7%94%A8.html： 7。肯定是违反了安全策略的，但是网上大家说，在meta标签里面加一句。
ELK下常见启动错误
qq_40907977的博客
02-12 3990
1、问题出现环境，OS版本：CentOS-7-x86_64-Minimal-1708；ES版本：elasticsearch-6.2.2。 1、max file descriptors [4096] for elasticsearch process is too low, increase to at least [65536] 每个进程最大同时打开文件数太小，可通过下面2个命令查看当前数量 ul...
Refused to execute inline script because it violates the following Content Security Policy 脚本报错已解决
小小彭
12-09 6665
写了一个功能 发现脚本报错以为是我的 jar 包引错了？还是未知反了？经过捯饬才发现这些都不是看下面是具体的报错 Failed to load resource: the server responded with a status of 404 (Not Found) upload.html:9 Refused to execute inline script because it violates the following Content Security Policy directive: "de
playframework 2.6 refused to apply inline style because it violates the following Content Security
Learning from the mistakes
03-31 1万+
今天在做文件上传的时候，出现了下面的错误： Refused to apply inline style because it violates the following Content Security Policy directive: "default-src 'self'". Either the 'unsafe-inline' keyword, a hash ('sha256-4Su...
Electron中Refused to execute inline script because it violates the following Content Security Policy
web修理工
11-15 1628
方法一： 去掉Content Security Policy <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'"> <meta http-equiv="X-Content-Secur
解决chrome开发插件newtab页面使用js报错
YANGYIDE1989的博客
05-17 748
解决chrome开发插件newtab页面使用js报错Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem:". Either the 'unsafe-inline' keyword
html+php内联执行JavaScript是报错
Leloz的博客
08-05 2401
拒绝运行JavaScript URL，因为它违反了以下内容安全策略指令:“script-src ‘self’”。要启用内联执行，需要使用’unsafe-inline’关键字、hash (‘sha256-…’)或nonce (‘nonce-…注意，哈希值不适用于事件处理程序、样式属性和javascript:导航，除非有’unsafe-hash '关键字。在header方法中增加。...
Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self'"
08-31
该错误提示是由内容安全策略(Content Security Policy)引起的，意思是拒绝执行内联脚本，因为它违反了"script-src 'self'"的安全策略指令。 要解决这个问题，有几种方法可以尝试： 1. 方法一是去掉或修改Content Security Policy的策略指令。可以在页面的头部添加以下内容来修改策略指令： `<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">`[2] 这样可以将script-src指令设置为允许从同源('self')加载脚本。 2. 方法二是不采用内联脚本，而是将脚本代码放在外部文件中，然后通过`<script>`标签引入外部文件。这样可以避免内联脚本被拒绝执行的问题。 3. 方法三是修改内容安全策略，列出允许执行的脚本代码的Hash值。这个方法比较复杂，需要计算脚本代码的Hash值并在策略指令中指定。详细的步骤可以参考相关资料。 总结起来，你可以通过修改或去掉Content Security Policy策略指令，或者将脚本代码放在外部文件中来解决这个问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Chrome扩展页面动态绑定JS事件提示错误](https://download.csdn.net/download/weixin_38716563/13585425)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Electron中Refused to execute inline script because it violates the following Content Security Policy](https://blog.csdn.net/qq_42374676/article/details/121336166)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值