如何让chrome支持ajax本地访问

author author     2023-03-16     576

关键词:

前段时间一直用Chrome 和 Safari 来支持HTML5的运用,在测试的过程中发现原来由于Chrome的安全机制不能支持ajax的本地访问, 例如:

在JavaScript里面访问 URL:file:///E:/test.html,Chrome 浏览器报错:XMLHttpRequest cannot load file:///E:/test.html. Origin null is not allowed by Access-Control-Allow-Origin.

解决它的方法就是将HTML5的程序做成 Chrome的扩展程序,该扩展程序的扩展文件名为.crx。

1. 在程序根目录下面增加一个manifest.json 文件,文件格式为:

  
"name": "DemoApp",  
  "description": "Demo",  
  "version": "0.1",  
  "app":   
    "launch":   
      "local_path": "***.html"  
      
  ,  
  "permissions": [  
    "unlimitedStorage"  
  ]  

2. 将该程序利用Chrome打包。 打开Chrome,在设置按钮中选择【工具】->【扩展程序】,或者在地址栏输入“chrome://extensions/”,如图:

3. 点击扩展程序,打包HTML程序:

4. 将打包后的扩展程序拖到chrome浏览器里面安装,安装完后,运行程序即可。

参考技术A 由于一些安全机制的限制,ajax是不能支持本地访问的(除非是在调试本地网页,并访问本地网页所在的根目录下的文件)本回答被提问者采纳 参考技术B

    鼠标右击chrome,点击属性

    在dos下找到chrome.exe的路径,在后面加上参数--allow-file-access-from-files 

    重启浏览器

参考技术C 把服务撸成本地的就可以了,http://127.0.0.1/myapi/ 参考技术D 您指的本地访问是?ajax请求的数据源也是本地?请具体阐述

chrome不支持本地ajax请求,解决办法

Chrome不支持本地Ajax请求,当我在.html文件中访问.json文件时就会出现这个问题,就是说这个时候不能加载这个.html文件。  解决方式  打开Chrome快捷方式的属性中设置:  右击Chrome浏览器快捷方式,选择“属性”,  在... 查看详情

如何解决chrome等浏览器不支持本地ajax请求的问题

XMLHttpRequestcannotloadfile:///D:/WWW/angularlx/ui-router-test/template/content.html.Crossoriginrequestsareonlysupportedforprotocolschemes:http,data,chrome,chrome-extension,https,chrome-extension-res 查看详情

让新版chrome支持本地跨域请求调试

1、创建一个Chrome的启动快捷方式;2、右键点击快捷方式属性,然后在目标路径后面,添加以下参数:-disable-web-security-user-data-dir="e:chromedev"注意在最新版本的Chrome中,–user-data-dir参数也是必须要添加的,蓝色字体部分可以随便... 查看详情

如何让 Chrome 记住 AJAX 表单的密码?

】如何让Chrome记住AJAX表单的密码?【英文标题】:HowtomakeChromerememberpasswordforanAJAXform?【发布时间】:2011-07-2218:07:46【问题描述】:我正在使用AJAX在我的登录页面上进行快速输入验证。如果一切正确,用户将被重定向。代码如下... 查看详情

错误:xmlhttprequestcannotload

原因:Chrome浏览器不支持本地ajax访问,具体就是ajax不能访问file有3种解决办法:http://frabbit2013.blog.51cto.com/1067958/1254285其中第三种方法(修改chrome的属性值)适应于任何系统,只是不同系统的操作方法不同.此处提供linux系统下... 查看详情

来自本地的json文件的ajax请求

...】:我想通过AJAX请求检索我的本地JSON文件数据。当我在Chrome中启动html时,会产生错误:XMLHttpRequest无法加载。跨源请求仅支持协议方案:http、data、chrome、chrome-extension、https、chrome-exten 查看详情

如何让 Chrome 支持的 webview 颤动?

】如何让Chrome支持的webview颤动?【英文标题】:howtogetChromePoweredwebviewinflutter?【发布时间】:2019-04-2523:12:03【问题描述】:我最近注意到,当在一些少数Android应用中打开链接时,它们具有类似的外观和自定义操作菜单,自定义... 查看详情

如何解决ajax在googlechrome浏览器上失效

在目标路径的后面添加【--disable-web-security】,格式如下:C:\\Users\\Administrator\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe--disable-web-security,其中chrome.exe与--disable之间有一个空格参考技术Agooglechrome是由于某种安全策略的需要,禁止... 查看详情

如何让nginx实现手机能访问本地代码的功能

nginx里配置的是主机地址,而不是域名服务器如需测试域名,请修改host文件如需让别人能访问你的域名,需要购买域名跟配置nginx无关系参考技术A开启目录浏览功能 查看详情

ajax本地跨域问题crossoriginrequestsareonlysupportedforhttp

...错如下Crossoriginrequestsareonlysupportedforprotocolschemes:http,data,chrome-extension,https,chrome-extension-resource. 分析:浏览器为了安全性考虑,默认对跨域访问禁止。 解决:给浏览器传入启动参数(allow-file-access- 查看详情

新人求助如何在geoserver上发布地图让其他计算机也能访问

参考技术AGeoServer是OpenGISWeb服务器规范的J2EE实现的社区开源项目。利用GeoServer可以方便地发布地图数据,通过GeoServer可以比较容易的在用户之间迅速共享空间地理信息。它能兼容WMS和WFS特性;支持PostGIS、Shapefile、ArcSDE、Oracle、VP... 查看详情

如何使用 XAMPP 或 node.js 使 AJAX 在本地服务器上工作

】如何使用XAMPP或node.js使AJAX在本地服务器上工作【英文标题】:HowtomakeAJAXworkonlocalserverusingXAMPPornode.js【发布时间】:2014-04-1123:54:32【问题描述】:我无能为力,希望有人能提供帮助。我一直试图让AJAX在本地服务器上工作,但即... 查看详情

如何全局访问 AJAX 定义的变量? [复制]

】如何全局访问AJAX定义的变量?[复制]【英文标题】:HowcanIaccessAJAXdefinedvariablegloabally?[duplicate]【发布时间】:2016-09-1620:42:42【问题描述】:我在AJAX成功函数中创建了一个变量,我想将该变量用于该函数之外的另一个AJAX调用。... 查看详情

本地开发的java项目发布在本地的tomcat上,如何让本地项目可以外网访问

...。追问本地局域网都可以访问,我要的是外网可以访问,如何配置才可以有唯一的ip呢?80端口具体要怎么开放呢?另外,如何新增一个端口号8081呢?请教,谢了追答你申请一个外网IP,要RMB的。建议你先去了解下OS的防火墙;该... 查看详情

centos7怎么让本地服务器的mysql支持另一个服务器?

参考技术A授权远程访问grant授权命令开通防火墙端口firewalld-cmd操作 参考技术B两个步骤,第一个步骤是在centos中开通3306端口,这是mysql使用的。第二是在mysql数据库中开通用户的远程访问权限,在别的服务器也可以访问这台服务... 查看详情

由于 Rails/AJAX 应用程序上的 CORS,无法在本地访问 IBM Watson API

...添加到合唱团中,并祈祷一个不涉及的答案节点。我通过Chrome控制台的错误:1.POSTht 查看详情

win10的edge不支持ajax跨域访问吗?

...打开了的啊参考技术A+1,还遇到canvas跨域失败,我的代码Chrome和FireFox上明明都是正常的。楼上是什么傻子在强行回答。。 查看详情

如何防止 Chrome 将 AJAX 请求重定向到 HTTPS?

】如何防止Chrome将AJAX请求重定向到HTTPS?【英文标题】:HowtopreventChrometoredirectingAJAXrequeststoHTTPS?【发布时间】:2014-10-0904:14:29【问题描述】:我的AngularJS应用程序正在对我们的服务(由Jetty提供支持)执行许多AJAX请求。出于某种... 查看详情