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

转载原文:前端最简单的方法解决跨域(浏览器插件)
作者:是你我不想逃
转载已获取作者授权

废话不多说,先上干货
火狐浏览器用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浏览器等也可以用这个)
CORS Unblock 插件
下载地址:https://www.aliyundrive.com/s/6XWhdKda7VS
注: 使用时确保插件已经启用(点一下插件图标)
都看到这里了,点个赞呗,比心

123.jpg

转载原文:前端最简单的方法解决跨域(浏览器插件)
作者:是你我不想逃
转载已获取作者授权

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值