美文网首页
浏览器禁止跨域访问解决办法

浏览器禁止跨域访问解决办法

作者: cheerss | 来源:发表于2017-10-06 11:53 被阅读0次

一些网页调试的时候需要访问调用本地的文件或者访问本地的js文件,但是浏览器禁止跨域访问,报错一般类似于:
cross origin requests are only supported for schemes

image.png

这个是浏览器考虑到用户安全,访问网页非法访问用户本地文件导致用户被“偷窥”的事情发生而做的限制。

但是个人做网页开发有时确实需要访问本地文件

MAC 用户

1、首先彻底关系浏览器,注意仅仅关闭还不行,应该使用Command+Q彻底关闭,或者在docker中右击浏览器点击Force Quit,如图:

image.png

总之要保证浏览器下方没有黑点,以Safari浏览器为例:

NO!!!.png

浏览器下方依然有黑点表示浏览器依然在后台运行,必须使用上述方法彻底关闭。

2、然后打开终端,输入一下命令打开浏览器
Chrome: open -a "Google Chrome" --args --disable-web-security --user-data-dir

Safari:open -a '/Applications/Safari.app' --args --disable-web-security --user-data-dir

注意:一些老版的Chrome不需要使用--user-date-dir参数,只需要前面的即可,但是新版的Chrome中--user-date-dir参数也是必须的

3、在新打开的浏览器中,应该会有以下如图所示的提示(Chrome为例),证明已经成功禁用了web安全,此时再打开网页,发现就可以成功运行本地js了或者访问本地其他文件了。

image.png

Windows用户

1、彻底关闭浏览器,并在任务管理器中确认没有相关的该浏览器进程在运行

2、在桌面浏览器的快捷方式处点击右键->属性

3、在打开的对话框中设置浏览器的启动属性

image.png

注意此处需要添加的内容与MAC相同,在原有命令后添加如下内容:
--args --disable-web-security --user-data-dir
即可,点击确定后双击启动浏览器。

注意:Windows用户设置后最好不要直接双击xx.html文件打开网页,而要先打开浏览器,而后再双击html文件或者在地址栏输入file://文件地址打开文件

相关文章

  • XML DOM

    跨域访问禁止 -> JS同源策略出于对安全性的考虑,现代浏览器禁止跨域访问,意即网页及其所加载的XML文件必须处于...

  • 浏览器禁止跨域访问解决办法

    一些网页调试的时候需要访问调用本地的文件或者访问本地的js文件,但是浏览器禁止跨域访问,报错一般类似于:cross...

  • vue和node中跨域的两种解决方式

    跨域由来 跨域本身是浏览器的安全策略引起的,本身原因是浏览器禁止了非同ip不同端口下的访问。比方说你某天看到了某个...

  • CSRF与XSS

    浏览器出于安全性,制定了同源策略,禁止进行跨域请求。那么什么是跨域访问呢,例如我们在一个web页面中,使用ajax...

  • 跨域分析

    浏览器为什么会产生跨域访问安全问题 浏览器的限制 浏览器为了安全考虑会限制不同域下的请求资源访问. 跨域的简单请求...

  • Ajax跨域问题

    一、跨域问题 二、跨域的定义以及产生原因 三、解决思路 四、JSONP 五、跨域解决的方向 五、浏览器禁止检查

  • 前端使用nginx解决浏览器跨域

    一. 浏览器跨域 浏览器跨域限制,学名浏览器同源策略,其实是为了数据安全,由Netscape提出来限制浏览器访问跨...

  • 跨域处理

    由于浏览器同源策略限制,对于协议不同、主机名不同、端口不同的服务器,不能互相访问资源。 为什么浏览器会禁止跨域? ...

  • 同源策略,跨域请求处理

    跨域访问 - 跨域请求 同源策略 适用于浏览器的一种资源访问策略;同源策略(Same origin policy)...

  • H5跨域访问

    跨域访问是源于浏览器的同源策略而引申出来的概念 1、先了解什么是同源策略和跨域访问 同源策略、跨域解决方案 - R...

网友评论

      本文标题:浏览器禁止跨域访问解决办法

      本文链接:https://www.haomeiwen.com/subject/hjvlyxtx.html