`
bewithme
  • 浏览: 431596 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

解决chrome浏览器跨域请求报Refused to execute script from

 
阅读更多

          在最近一次项目中有一个接口是JSONP接口,也就是允许跨域访问,在firefox中是可以正常访问,chrome中确报如下错

 

Refused to execute script from 'xxxxxxxxxx' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

 

 找了半天才发现因为服务器端框架比较新,在响应头文件中加了如下参数,可以在浏览器调试器的网络中查看到

x-content-type-options:nosniff

 

这样chrome只能访问响应内容类型为如下的JSONP接口

    "application/ecmascript"
    "application/javascript"
    "application/x-javascript"
    "text/ecmascript"
    "text/javascript"
    "text/jscript"
    "text/x-javascript"
    "text/vbs"
    "text/vbscript"

 那么只能由服务器端修改代码,手动设置内容为如上的一种

	response.setContentType("text/javascript");//如果不这样设置 chrome浏览器无法调用

 

 

 


有任何问题请联系微信 

如果您觉得我的文章给了您帮助,请为我买一杯饮料吧!以下是我的支付宝,意思一下我将非常感激!
  

 

 

 

 

0
5
分享到:
评论

相关推荐

    chrome 浏览器跨域插件下载

    "chrome 浏览器跨域插件下载"这个主题正是针对这一问题,提供了能够帮助开发者解决跨域问题的工具。 Moesif Origin .crx 是一个Chrome浏览器的扩展插件,它主要用于调试和分析API请求,尤其是处理跨域问题时非常...

    chrome浏览器跨域插件

    chrome浏览器跨域插件,在谷歌浏览器使用开发测试时,经常遇到跨域测试,可以使用该插件获得帮助

    修改/增加chrom浏览器请求头

    在IT领域,尤其是在网络开发和调试过程中,"修改/增加Chrome浏览器请求头"是一个常见的需求。这涉及到浏览器的网络通信机制以及对HTTP协议的理解。HTTP请求头是客户端(如Chrome浏览器)向服务器发送请求时携带的...

    跨域cors扩展插件chrome

    标题中的“跨域cors扩展插件chrome”指的是用于解决Web应用程序跨域问题的Chrome浏览器扩展。在Web开发中,由于浏览器的同源策略限制,不同源的资源(比如域名、协议或端口不同)之间无法直接进行交互。CORS(Cross-...

    chorm浏览器的跨域插件

    由于Web 端的远程加载受到浏览器的 CORS 跨域策略限制,如果对方服务器禁止跨域访问,那么会加载失败,而且在 WebGL 渲染模式下,即便对方服务器允许 http 请求成功之后也无法渲染,这是 WebGL 的安全策略的限制 ...

    解决ajax跨域请求问题

    然而,跨域请求是Ajax的一个常见问题,由于浏览器的同源策略限制,Ajax请求只能向与当前页面同源的服务器发送。本文将深入探讨如何解决Ajax跨域请求的问题。 首先,理解“同源策略”是解决问题的关键。同源策略是...

    uniapp H5浏览器跨域解决插件

    chrome插件【Allow CORS: Access-Control-Allow-Origin】

    chrome谷歌版CORS Unblock插件,0.3.6版,用于chrome浏览器在跨域CORS之后,能够正常响应

    标题与描述提及的是"chrome谷歌版CORS Unblock插件",版本为0.3.6,这款插件是专为解决Chrome浏览器在处理跨域资源共享(CORS)时遇到的问题而设计的。CORS(Cross-Origin Resource Sharing)是一项重要的Web安全...

    开源android浏览器,访问跨域网页

    开源Android浏览器是一个面向开发者和爱好者提供的开放源代码项目,它允许用户访问跨域网页,这意味着该浏览器具有处理不同源之间通信的能力,这是许多现代网络应用所必需的功能。Android平台上的浏览器开发涉及到...

    jsonpajax跨域请求

    JSONP(JSON with Padding)和AJAX是两种常见的在JavaScript中实现跨域数据请求的技术。在Web开发中,由于浏览器的同源策略限制,JavaScript不能直接向其他域名发送请求,但JSONP和AJAX通过特定的方式绕过了这个限制...

    chrome跨域插件

    标题中的“chrome跨域插件”指的是用于解决Google Chrome浏览器中由于同源策略限制而产生的跨域问题的扩展程序。在Web开发过程中,由于浏览器的安全策略,不同源(域名、协议或端口不同)的页面无法直接进行通信,这...

    解决 springboot跨域请求问题

    Nginx可以配置为将前端和后端的请求路由到相应的服务器,从而隐藏真实的服务器地址,同时也解决了跨域问题。在Nginx配置文件中,你可以添加一个新的location块来代理后端服务。例如: ```nginx location / { ...

    ajax跨域请求WebService.asmx

    2. **跨域请求**:默认情况下,浏览器遵循同源策略,禁止了跨域请求,以保护用户数据安全。但是,可以通过CORS(Cross-Origin Resource Sharing,跨源资源共享)机制实现跨域。在服务端,需要在响应头中添加`Access-...

    跨域访问---------

    这个方式是有局限性的,因为不同浏览器的跨域设置不相同,甚至相同浏览器不同版本的设置都可能不同,我自己现在都只知道chrome的跨域设置,IE和firefox的看过,但是记不住了,总之,设置浏览器跨域,只适合临时用...

    JQuery跨域访问解决方案

    1. **创建动态`<script>`标签**:jQuery会在DOM中创建一个新的`<script>`标签,其`src`属性指向跨域服务器的URL。URL中通常会包含一个回调函数名(如`callback`),这个函数名由jQuery自动生成,保证唯一性。 2. **...

    Tomcat跨域请求资源解决方案.zip

    本资料包“Tomcat跨域请求资源解决方案.zip”显然是针对这个问题提供了一个具体的解决方案,主要聚焦于如何在Apache Tomcat服务器上配置以允许跨域请求。 Tomcat是Java Servlet容器,广泛用于部署Java Web应用程序...

    java跨全域兼容ie/ff/chrome浏览器多文件上传(原创)

    本示例通过"java跨全域兼容ie/ff/chrome浏览器多文件上传(原创)"的标题,我们可以看出这是一个解决浏览器兼容性问题并实现跨域文件上传的解决方案。下面将详细解释这个主题涉及的关键知识点。 1. **跨域资源共享 ...

    Jquery跨域Ajax请求测试

    在Web开发中,由于同源策略的限制,JavaScript通常无法直接访问不同源的资源,但随着Web服务的广泛应用,跨域请求的需求日益增加。jQuery,作为一个强大的JavaScript库,提供了便捷的方式来处理这种问题,特别是通过...

    html通过 ajax jsonp跨域请求接收和传送数据

    在Web开发中,跨域(Cross-Origin)是一个常见的问题,由于浏览器的安全策略限制,JavaScript通常不能直接访问不同源(协议+域名+端口)的资源。然而,为了实现某些功能,比如用户登录、数据获取等,我们需要打破这...

Global site tag (gtag.js) - Google Analytics