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

您所在的位置:网站首页 谷歌浏览器下载插件提示已屏蔽 前端最简单的方法解决跨域(浏览器插件)

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

2023-09-28 19:29| 来源: 网络整理| 查看: 265

转载请注明出处,谢谢

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

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浏览器等也可以用这个) 注: 使用时确保插件已经启用(点一下插件图标) 都看到这里了,点个赞呗👍

转载请注明出处,谢谢



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3