使用谷歌插件Allow-Control-Allow-Origin解决跨域问题

已于 2022-05-27 15:33:21 修改
阅读量6.7w 收藏 17
点赞数 6
分类专栏： 数据 文章标签： chrome 前端 html5
于 2018-08-30 15:47:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qcg14774125/article/details/82222459
版权

由于项目需要，自己利用node.js写一些接口数据，但是项目启动时，一直都是报跨域的错，于是百度各种办法找不到原因所在，最后有幸看见一片博文，下面给大家分享一下实际有用的解决跨域的办法（当然这只是自己本地跑服务、测试用的办法）

第一步：

下载谷歌插件伴侣 Chrome 插件伴侣 - 不用商店，直接安装 Chrome 浏览器的 .crx 扩展文件[Windows] - 小众软件  

第二步：

如果没有就去【找插件】里面去搜索  Allow CORS: Access-Control-Allow-Origin 0.1.0 

第三步：

把下载好的东西直接拖到自己的扩展程序即可

然后就可以访问数据啦，就解决了跨域问题。。

补充：有很多人说不知道在哪里下载，现在放一个链接直接下载就行了

https://173app.com/search?q=Allow%20CORS:%20Access-Control-Allow-Origin&type=ext

独步炎凉的大彬
关注
  • 6
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
专栏目录
Allow-Control-Allow-Origin 谷歌跨域扩展插件
12-06
Access-Control-Allow-Origin 解决跨域权限问题，在谷歌浏览器输入：chrome://extensions，然后把下载好的文件拖入chrome://extensions页面，点击安装即可完成安装即可使用
Allow-Control-Allow-Origin最新谷歌跨域扩展插件下载
04-03
谷歌跨域扩展插件，保障跨域请求成功，Allow-Control-Allow-Origin最新谷歌跨域扩展插件下载
解决浏览器 CORS跨域问题
最新发布
king_zzzzz的博客
07-11 374
requtly 插件 CORS 跨域
Allow-Control-Allow-Origin插件
11-08
JavaScript跨域访问，ionic2使用正常。欢迎大家下载，本来想免费的，但必须选择资源分，我也没办法。
解决Chrome浏览器跨域问题
Raytheon的博客
09-17 697
安装浏览器插件 1.下载Allow-Control-Allow-Origin跨域扩展插件（附件中已给出） 2.打开扩展程序界面,把下载的.crx文件拖进去就了 3.启用该扩展插件即可   其他方法参照：https://www.jianshu.com/p/230b606e1ace...
跨域(Access-Control-Allow-Origin)解决方案详解
热门推荐
猿in
12-09 6万+
文章目录浏览器的同源安全策略跨域报错跨域解决方案CORSResponse支持跨域springboot支持跨域Java中设置多个Access-Control-Allow-Origin跨域访问基于nginx配置请求的CORSJSONP方案后端接口返回js原生实现jsonpjQuery实现jsonpvue.js实现jsonpJSONP的优缺点其它方式支持跨域 浏览器的同源安全策略 同源策略，它是由Net...
谷歌跨域插件 Allow-Control-Allow-Origin
11-16
资源包含两个文件类型的扩展程序 allow-control-allow-origin.crx 和 allow-control-allow-origin.zip 安装说明： 1. 请把 allow-control-allow-origin.crx 文件直接拖拉到扩展程序界面进行安装即可； 2. 如果浏览器显示程序包无效，可能浏览器版本导致的。请参考第三步； 3. 请把 allow-control-allow-origin.zip 文件直接拖拉到扩展程序界面进行安装即可。
Allow-Control-Allow-Origin 谷歌跨域扩展插件解决app本地跨域调试附教程
03-02
Allow-Control-Allow-Origin 谷歌跨域扩展插件解决app本地跨域调试附教程
Allow-Control-Allow-Origin谷歌跨域插件
01-14
Allow-Control-Allow-Origin谷歌跨域插件
allow-control-allow-origin chrome插件
07-17
解决跨域问题 方法一:安装chrome跨域插件 这种方法最简单 去安装chrome Allow-Control-Allow-Origin插件 不能上谷歌商店就去我的csdn下载,下载后浏览器打开扩展程序界面,把下载的.crx文件拖进去就了 2,安装后并开启,现在发出请求就不会出现跨域异常啦.
Allow-Control-Allow-Origin
01-06
chrome跨域插件
Allow-Control-Allow-Origin谷歌插件
11-23
提示程序包无效时看这篇文章https://blog.csdn.net/llg___/article/details/125041698
Allow-Control-Allow-Origin_1_0_3_0.zip
06-02
Allow-Control-Allow-Origin_1_0_3_0，在开发中总是会有需要跨域的时候，如果写前端的话就需要这个跨域插件，但是根本还是要服务端中配置允许跨域 使用方法的话就是解压，打开浏览器扩展程序拖进来就可以了。
Allow-Control-Allow-Origin_1_0_3_0.crx_.zip
01-04
Chrome 调试跨域问题解决方案之插件
Flask， Access-Control-Allow-Origin 跨域请求的解决方法
猎人在吃肉
08-27 1920
Flask， Access-Control-Allow-Origin 跨域请求的解决方法
怎么设置Access-Control-Allow-Origin解决跨域问题
08-22
要解决跨域问题并设置Access-Control-Allow-Origin头部，你可以按照以下步骤进行操作： 1. 在服务器端，确保你的API或网站支持跨域请求。这可以通过在响应头中设置Access-Control-Allow-Origin来实现。 2. Access-Control-Allow-Origin头部指定了允许访问该资源的源。你可以将其设置为允许的源，也可以使用通配符来允许任何源进行访问。 3. 例如，如果你希望允许所有源进行访问，可以将Access-Control-Allow-Origin设置为"*"。如果你只想允许特定的源进行访问，可以将其设置为该源的域名或IP地址。 4. 在服务器响应中添加Access-Control-Allow-Origin头部。具体的实现方式取决于你使用的服务器端编程语言和框架。 以下是一些常见的服务器端设置示例： - Node.js（使用Express框架）： ``` app.use(function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); next(); }); ``` - PHP： ``` header("Access-Control-Allow-Origin: *"); ``` - Java（使用Spring框架）： ``` @CrossOrigin("*") ``` 请注意，将Access-Control-Allow-Origin设置为"*"可能会存在安全风险。因此，在生产环境中，你应该仔细考虑并根据自己的需求限制允许访问的源。 通过设置Access-Control-Allow-Origin头部，你可以解决跨域问题，并允许不同源的客户端访问你的API或网站。
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值