前端最简单的方法解决跨域(浏览器插件)

前端最简单的方法解决跨域(浏览器插件)转载请注明出处,谢谢 1.跨域 解决跨域最简便的方法是在后端设置CORS 头,在前端调用接口时,很多时候涉及到跨域的问题,但是我们无法对服务端进行修改,此时我们的一些好用的浏览器插件会给我们带来极大地

转载请注明出处,谢谢

废话不多说,先上干货
火狐浏览器用CORS Everywhere 插件
谷歌浏览器用 CORS Unblock 插件 (qq浏览器等也可以用这个)
CORS Unblock 插件 下载地址:https://www.aliyundrive.com/s/6XWhdKda7VS
注: 使用时确保插件已经启用(点一下插件图标)

1.跨域

解决跨域最简便的方法是在后端设置CORS 头,在前端调用接口时,很多时候涉及到跨域的问题,但是我们无法对服务端进行修改,此时我们的一些好用的浏览器插件会给我们带来极大地便利

image.png

2.解决方法

火狐浏览器

火狐浏览器有一个插件叫 CORS Everywhere (貌似这个插件是火狐独有)

使用方法

1.在浏览器右上角设置处打开扩展和主题
image.png

2.搜索CORS Everywhere

image.png

3.找到并点进去

image.png

4.点击添加到Firefox

image.png

5.点击添加

image.png

6.安装后图标是红色的

image.png

7.点一下插件,把它变成绿色

image.png

8.在访问刚刚的页面,就不报错啦(可以正常拿到数据了)

image.png

谷歌浏览器等

由于谷歌浏览器有限制,正常情况下无法访问谷歌插件商店,在此,我把插件分享到这里了 https://www.aliyundrive.com/s/6XWhdKda7VS

具体安装方法如下
1.在网址栏输入chrome://extensions/

image.png

2.跳转到这个页面之后,打开开发者模式,重启浏览器,同1,继续进到这个页面

image.png

3.把下载好的插件拖到这个页面,点击添加扩展

4.使用时点击一下插件,把C点成黄色

image.png

这样数据就可以正常出来了

image.png

总结

火狐浏览器用CORS Everywhere 插件
谷歌浏览器用 CORS Unblock 插件 (qq浏览器等也可以用这个)
注: 使用时确保插件已经启用(点一下插件图标)
都看到这里了,点个赞呗👍

转载请注明出处,谢谢

今天的文章前端最简单的方法解决跨域(浏览器插件)分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/14165.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注