-
解决Chrome插件安装时程序包无效:"CRX_HEADER_INVALID
2019-03-28 13:27:07打开chorme的扩展程序(设置——>更多工具——>扩展程序)chrome://...报错为:程序包无效:"CRX_HEADER_INVALID" 选择加载已解压的扩展程序 成功安装的操作如下: 成功安装 ...- 打开chorme的扩展程序(设置——>更多工具——>扩展程序)chrome://extensions
选择开发者模式
- 拖拽.crx至Chrome的扩展程序列表
安装失败
报错为:程序包无效:"CRX_HEADER_INVALID"
- 选择加载已解压的扩展程序
成功安装的操作如下:
成功安装
-
No 'Access-Control-Allow-Origin' header is present on the requested resource', 跨域访问的解决方法
2018-11-13 19:30:12“No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8080’ is therefore not allowed access.”,翻译下,因为被请求的资源没有设置 ‘A...1. 当请求不在同一域名下的资源文件(ip地址+端口号)时,会报如下错误:
“No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8080’ is therefore not allowed access.”,翻译下,因为被请求的资源没有设置 ‘Access-Control-Allow-Origin’,所以 从’http://localhost:8080’ 发起的请求不被允许。2. 原因:浏览器同源策略限制了此类请求。什么是同源策略?
同源策略/SOP(Same origin policy)是一种约定,由Netscape公司1995年引入浏览器,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地址,也非同源。
同源策略限制以下几种行为:
1.) Cookie、LocalStorage 和 IndexDB 无法读取
2.) DOM 和 Js对象无法获得
3.) AJAX 请求不能发送
常见跨域场景
1.)同一域名下的不同文件或路径,允许访问。
http://www.domain.com/a.js
http://www.domain.com/b.js
http://www.domain.com/lab/c.js
2.)同一域名下的不同端口, 不允许访问。
http://www.domain.com:8000/a.js
http://www.domain.com/b.js
3.)同一域名下的不同协议, 不允许访问。
http://www.domain.com/a.js
https://www.domain.com/b.js
4.)同一ip地址下的不同域名之间,不允许访问。
http://www.domain.com/a.js
http://192.168.4.12/b.js
5.) 不同域名之间不允许访问。
http://www.domain1.com/a.js
http://www.domain2.com/b.js3.解决办法。
1.)针对上面的错误提示,我们肯定可以通过在被请求的资源文件中添加 'Access-Control-Allow-Origin’来解决跨域问题。
(1)如果被请求的是静态HTML文件,则需要只需要在被请求的HTML文件中加上一下标签。<meta http-equiv="Access-Control-Allow-Origin" content="*" />
(2)如果被请求的是java接口,则可以在响应头中加上:
response.setHeader("Access-Control-Allow-Origin", "http://www.domain1.com");
(3)如果被请求的是.net接口,则可以在响应头中加上:
Response.AddHeader("Access-Control-Allow-Origin", "*");
2.)另外一种方法就是从前端解决。前端可以通过jsonp请求的方式或者设置代理的方式解决。
(1)通过jsonp的方式。
跨域原理: 通常为了减轻web服务器的负载,我们把js、css,img等静态资源分离到另一台独立域名的服务器上,在html页面中再通过相应的标签从不同域名下加载静态资源,而被浏览器允许,基于此原理,我们可以通过动态创建script,再请求一个带参网址实现跨域通信。原生实现: <script> var script = document.createElement('script'); script.type = 'text/javascript'; // 传参并指定回调执行函数为onBack script.src = 'http://www.domain2.com:8080/login?user=admin&callback=onBack'; document.head.appendChild(script); // 回调执行函数 function onBack(res) { alert(JSON.stringify(res)); } </script>
jquery实现: $.ajax({ url: 'http://www.domain2.com:8080/login', type: 'get', dataType: 'jsonp', // 请求方式为jsonp crossDomain: true, success: function(data) {}, data: {} });
(2)通过请求代理的方式。
跨域原理: 同源策略是浏览器的安全策略,不是HTTP协议的一部分。服务器端调用HTTP接口只是使用HTTP协议,不会执行JS脚本,不需要同源策略,也就不存在跨越问题。
以下提供java/.net跨域文件的源码,请自行发布使用。请求代理文件源码地址:https://github.com/muziye2013/CrossDomainAccessProxya. 如果是.NET开发环境,请将下载的“DotNet”源码发布为网站
并将网站的物理路径,指向源码DotNet地址:
修改index.html页面中被请求的资源,在浏览器中访问index.html页面进行测试。var testUrl="http://172.17.0.130/***/query";//修改测试服务地址
b.如果是Java开发环境,请将下载的“Java”源码放在tomcat网站下的webapps目录下,
修改index.html页面中被请求的资源,启动tomcat,在浏览器中访问index.html页面进行测试。以上,推荐使用第三种方式来进行配置,特别是对于前后端分离开发时,一劳永逸的解决跨域问题。
文章参考:https://segmentfault.com/a/1190000011145364
-
解决 js ajax跨域访问报“No ‘Access-Control-Allow-Origin‘ header is present on the requested ...
2017-03-30 16:19:58XMLHttpRequest cannot loadhttp://www.zjblogs.com/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. ...在本地用ajax跨域访问请求时报错:
XMLHttpRequest cannot loadhttp://www.zjblogs.com/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
查了一翻资料,发现原来是新W3C标准中是这样规定的:
最新的W3C标准里是这么实现HTTP跨域请求的, Cross-Origin Resource Sharing
简单的来说,就是跨域的目标服务器要返回一系列的Headers,通过这些Headers来控制是否同意跨域。这些Headers有:4 Syntax
在 Request 包和 Response 包中都有一些。
其中最敏感的就是 Access-Control-Allow-Origin 这个 Header, 他是W3C标准里用来检查该跨域请求是否可以被通过。 (Access Control Check)
跨域实现的过程大致如下:
从 http://www.a.com/test.html 发起一个跨域请求,
请求的地址为: http://www.b.com/test.PHP
如果 服务器B返回一个如下的header
Access-Control-Allow-Origin: http://www.a.com
那么,这个来自 http://www.a.com/test.html 的跨域请求就会被通过。
如上所知,总结解决办法如下:
1、如果请求的url是aspx页面,则需要在aspx页面中添加代码:Response.AddHeader("Access-Control-Allow-Origin", "*");
2、如果请求的url是PHP页面,则需要在PHP页面中添加代码:header("Access-Control-Allow-Origin: *");
3、如果请求的url是静态的html页面,则需要在页面中添加meta标签代码:<meta http-equiv="Access-Control-Allow-Origin" content="*" />
如果服务器端可以确定是要被哪些域名访问,最好是能把以上代码中的“*”代替为具体的域名,这样做可以相应的增强安全性。
如果还不行,就把这些都加上吧
- // 指定允许其他域名访问
- header('Access-Control-Allow-Origin:*');
- // 响应类型
- header('Access-Control-Allow-Methods:POST');
- // 响应头设置
- header('Access-Control-Allow-Headers:x-requested-with,content-type');
更多文章请关注公众号「大叔说码」,大叔将在公众号上跟大家继续分享面试,语言基础,实战等干货
-
Request header field Content-Type is not allowed by Access-Control-Allow-Headers跨域
2016-12-23 10:46:19跨域错误提示: XMLHttpRequest cannot load http://xxx.com. Request header field Content-Type is not allowed by Access-Control-Allow-Headers. ...header('Access-Control-Allow-Origin: *...作为技术人,如何突破自己的技术瓶颈,从而提高自己的核心竞争力(年度深度好文)
跨域错误提示:
XMLHttpRequest cannot load http://xxx.com. Request header field Content-Type is not allowed by Access-Control-Allow-Headers.
解决方案:
例如php服务端程序设置头:
header('Access-Control-Allow-Origin: *'); header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept"); header('Access-Control-Allow-Methods: GET, POST, PUT,DELETE');
主要是这三个:
-
No ‘Access-Control-Allow-Origin‘ header is present之 为什么会跨域及解决方案
2018-08-12 19:06:301 浏览器的限制 2 跨域 3 浏览器发送的是 XHR (XMLHttpRequest)请求 当以上三个条件都满足时浏览器会抛出跨域请求异常(记住...常见的简单请求:请求方法为:GET ,HEAD,POST,请求header里面无自定义头,Conten... -
python http request header主要内容
2020-03-22 17:15:31header名 作用 示例 Accept 指定客户端能够接收的内容类型 Accept: text/plain, text/html Accept-Charset 浏览器可以接受的字符编码集。 Accept-Charset: iso-8859-5 Accept-Language 浏览器可接受的语言 ... -
HTML中的header标签怎么用?HTML中header标签的作用_header标签正确用法
2020-06-06 16:52:32为了更好地处理今天的互联网...header标签通常至少包含(但不限于)一个标题标记(<h1>–<h6>),还可以包含文档流中的其他内容,如logo或搜索表单,还可以在header标签中包含nav标签。需要注意的是,he -
php header 用法 php header 应用 header 函数
2010-06-27 14:29:00php header 用法 php header 应用 header 函数 -
如何让html引用公共的头部和尾部(多个html文件公用一个header.html和footer.html)
2018-04-03 14:44:58如何实现多个.html静态页,引用同一个header.html和footer.html文件? 前端静态html页面,封装公共的头文件(header:顶部页眉,顶部导航栏等部分)和尾部文件(footer:CopyRight、友情链接等部分) HTML... -
AVC sequence header & AAC sequence header
2018-12-20 10:59:35AVC sequence header AAC sequence header 这两个header非常重要,是客户端解码的必需部分. 因为以上两个参数只在客户端开始拉流开始的时候接收一次. 所以当H264参数发生变化时(如分辨率或帧... -
HTTP Header 详解
2019-06-06 14:30:40PHP header 的几种用法 PHP header 的几种用法,你知道几种? 1. 跳转页面 header('Location:'.$url); //Location和":"之间无空格。 2. 声明content-type ...header('content-type:text/html;...header('... -
Bootstrap Page header
2018-03-10 22:17:46Page headerPage header就相当于一个标题框,给从 <h1> 到 <h6> 的任意标题元素套上这个简单的外壳,就可以为它添加更多的间隙,并通过一个下边框把它从页面中分离出来。要在页面中放置... -
header 跳转
2017-04-22 22:03:32meta refresh示例 5秒之后刷新本页面: 5秒之后转到梦之都首页: 2. PHP中使用header函数 上面已经了解了HTML中写跳转(重定向)页面的代码 ...header('Refresh: 3; url=www.baidu.com');//三秒以后跳转百度 -
常见的Request Header和Response Header
2019-10-01 00:44:39Request Header Accept 浏览器端接收的格式 Accept-Encoding 浏览器端接收的编码方式 Accept-Language 浏览器端接收的语言类型,用于服务器判断多语言 Cache-Control 控制缓存的时效性 ... -
HttpClient中addHeader与setHeader的区别
2019-07-22 18:25:58addHeader:添加一个新的请求头字段。(一个请求头中允许有重名字段。) setHeader:设置一个请求头字段,有则覆盖,无则添加。 代码: @Test public void test16(){ HttpGet httpGet = new HttpGet(); ... -
Http Request header/Response header
2016-01-29 17:06:48Http Request header/Response header HTTP Request header 当今web程序的开发技术真是百家争鸣,ASP.NET, PHP, JSP,Perl, AJAX 等等。 无论Web技术在未来如何发展,理解Web程序之间通信的基本协议相当重要, ... -
@RequestHeader
2017-10-16 20:37:55指定请求中的Header信息,比如Authorization授权信息@ApiOperation(value = "更新用户", notes = "更新用户") @PutMapping("/user/{id}") void updateUser(@RequestHeader("Authorization") String authorization, @... -
http header 注入
2019-04-14 22:44:54在开始讲http-header之前,...浏览器或者其他客户端发出请求,服务器给予响应,就整个网络资源传输而言,包括了massage-header和massage-body两部分,首先传输的是message-header,即http-header消息,http-header消... -
【转】HttpClient之 addHeader与setHeader
2018-02-26 16:37:36测试使用版本:httpclient-4.2.5 ...1、同名Header可以有多个 ,Header[] getHeaders(String name)。 2、运行时使用的是第一个, Header getFirstHeader(String name)。 3、addHeader,如果同名head... -
nginx proxy_set_header设置、自定义header
2018-07-25 15:12:03先来看下proxy_set_header的语法 语法: proxy_set_header field value; 默认值: proxy_set_header Host $proxy_host; ... -
VSCodeFileHeader
2019-11-04 20:04:33VSCode FileHeader vscode文件头部注释插件,支持多语言,欢迎大家尝试,以及问题的提出,觉得不错的小伙伴们,给个Star,谢谢~ Install ext install jankincai.vscodefileheader Features 支持自动更新最后修改... -
http 请求头部说明 Requests Header | Http Header
2018-09-05 15:27:56Header 解释 示例 Accept 指定客户端能够接收的内容类型 Accept:text/plain,text/html Accept-Charset 浏览器可以接受的字符编码集。 Accept-Charset:iso-8859-5 Accept-Encoding 指定... -
invalid ELF header
2020-03-23 11:21:58invalid ELF header 报类似错误: /usr/lib/x86_64-linux-gnu/libc.so: invalid ELF header 一般应该是编译出的库文件或者二进制文件和运行环境不匹配。 注意使用 file 命令,查看编译出的库和二进制文件的... -
iOS build 编译错误 Failed to emit precompiled header for bridging header
2020-07-24 12:00:31Failed to emit precompiled header for bridging header XCode可以在某个目标中成功构建,而另一个目标则不能。 解决 笔者发现标题搜索路径不相同。(Path: Target > Build Settings > Search Paths > ... -
Nginx指令add_header和proxy_set_header的区别
2019-07-09 17:33:37如何理解反向代理? Nginx是反向代理服务器,我们可以从下面的图来理解为什么是反向代理。以Nginx为中心,数据的流向是从Server到Nginx再到Client,注意我...proxy_set_header和add_header的区别 区别:proxy_set... -
Http 自定义header
2019-11-26 14:47:51场景: 一个项目对外提供的所有接口都有共同的参数 ,把 该参数放入到 header 中 ,nginx 部署在请求的最前端 http请求接口时访问不到该 header 中的 key 对应的value https 请求可以访问 header 中key 的格式 :XC... -
问题: Header Search Paths 与 User Header Search Paths 的区别
2017-12-15 15:05:22分析在Xcode->Target->BuildSettings中, 有两个设置一个是User Header Search Paths, 一个是 Header Search Paths. 其实还有一个废弃的Always Search User Paths. -
php header设置
2019-01-11 13:36:04//定义编码 header( 'Content-Type:text/html;...header('Content-type: application/atom+xml'); //CSS header('Content-type: text/css'); //Javascript header('Content-type: text/java...
-
centos 7 安装 ifconfig
-
jdk api 1.8.zip
-
securecrt一款好用的终端仿真程序
-
页码的制作
-
基于 C# 的 GIS 近海环境管理系统
-
隐马尔可夫模型(HMM)-C++代码类资源
-
php7和php5区别
-
IPC/JEDEC-J-STD-035:非密封电子元件的声学显微镜法-英文完整版(17页)
-
RabbitMQ消息中间件实战(附讲义和源码)
-
SubstancePainter插件开发-基础入门
-
react:仿BOSS直聘写的一个移动端招聘APP
-
易语言开发通达信DLL公式接口
-
基于FPGA VHDL 的 FSK调制与解调设计(附源码)
-
2021最新Kubernetes(k8s)集群实战精讲
-
css selector什么意思
-
三维地图GIS大数据可视化
-
2020牛客暑期多校集训营第六场题解.pdf
-
【数据分析-随到随学】Tableau数据分 析+PowerBI
-
自己临时实用存储一下
-
2020牛客多校暑期集训营第八场题解.pdf