Allow CORS: Access-Control-Allow-Origin插件使用

最新推荐文章于 2025-03-05 11:45:00 发布
最新推荐文章于 2025-03-05 11:45:00 发布
阅读量1.1w 收藏 4
点赞数 3
分类专栏： 问题解决 文章标签： chrome 跨域 cors
本文为博主：迷茫的21世纪的新轻年 的原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/qq_36986510/article/details/127685646
版权
本文介绍了一种使用Chrome插件AllowCORS:Access-Control-Allow-Origin解决跨域问题的方法。通过安装该插件并配置跨域规则，可以在调试过程中轻松解决跨域访问限制。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、前言

在代码调试时，经常出现跨域问题（生产环境没有此问题，本地调试会有）。为了解决该问题，通过chrome的Allow CORS: Access-Control-Allow-Origin插件，能够方便的在请求头添加：Access-Control-Allow-Origin: *。

官网：https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf

二、配置

插件安装完成如图：
插件安装完成

点击：Open options page打开配置页面，在9. Custom CORS rules配置跨域规则：

配置
在如图红色地方，填写跨域请求的域名或IP地址。

三、开启插件

保存完成后，进入调试页面，打开插件。点击图标即可开启插件。
开启插件

Allow CORS: Access-Control-Allow-Origin插件安装与使用教程【Chrome插件小白式教程】
谙忆-陈浩翔
01-14 1万+
Allow CORS: Access-Control-Allow-Origin插件安装与使用教程【Chrome插件小白式教程】 文章目录插件介绍插件下载CSDN论坛下载地址官方的下载地址ZIP包安装插件开关与使用测试是否开启成功注意点关闭插件卸载插件 插件介绍 解决Chrome浏览器跨域的问题，2021年1月14日，确保能用。 QQ群：819539788 插件下载 CSDN论坛下载地址 官方的链接，可能会有朋友无法下载，别方，我准备了国内的下载地址： 关注微信公众号获取下载地址。 回复关键字：chrome
跨域cors扩展插件chrome
12-13
跨域插件，备用下，好不容易找到，有个太贵了，一个积分意思意思，H5开发必备的chrome插件
Allow-Control-Allow-Origin 谷歌跨域扩展插件
12-06
Access-Control-Allow-Origin 解决跨域权限问题，在谷歌浏览器输入：chrome://extensions，然后把下载好的文件拖入chrome://extensions页面，点击安装即可完成安装即可使用
浏览器控制台报错：No ‘Access-Control-Allow-Origin‘ header
最新发布
m0_56088675的博客
03-05 557
浏览器的同源策略（Same-Origin Policy）限制，当网页从不同源（协议、域名、端口）请求资源时触发。
Allow-CORS_-Access-Control-Allow-Origin_v0.1.2.crx
02-27
此插件为跨域插件，打开后可跨域访问接口，旧版浏览器可直接拖到扩展程序中安装，新版浏览器需要将扩展名修改成rar并解压，然后点击“加载已解压的扩展程序”安装。 ======================插件概述谷歌译文====================== 轻松将（Access-Control-Allow-Origin：*）规则添加到响应标头。 允许CORS：通过Access-Control-Allow-Origin，您可以轻松地在Web应用程序中执行跨域Ajax请求。 只需激活插件并执行请求。默认情况下（在JavaScript API中），CORS或跨源资源共享在现代浏览器中被阻止。安装此加载项将使您可以解除阻止此功能。请注意，将插件添加到浏览器后，默认情况下它处于非活动状态（工具栏图标为灰色C字母）。如果要激活加载项，请按一次工具栏图标。图标将变为橙色的C字母。 ======================插件概述谷歌译文====================== ========================插件概述原文======================== Easily add (Access-Control-Allow-Origin: *) rule to the response header. Allow CORS: Access-Control-Allow-Origin lets you easily perform cross-domain Ajax requests in web applications. Simply activate the add-on and perform the request. CORS or Cross Origin Resource Sharing is blocked in modern browsers by default (in JavaScript APIs). Installing this add-on will allow you to unblock this feature. Please note that, when the add-on is added to your browser, it is in-active by default (toolbar icon is grey C letter). If you want to activate the add-on, please press on the toolbar icon once. The icon will turn to orange C letter. ========================插件概述原文========================
谷歌跨域插件Access-Control-Allow-Origin
02-15
谷歌跨域插件Access-Control-Allow-Origin
Allow CORS: Access-Control-Allow-Origin-crx插件
04-02
语言:English 轻松添加（访问 - 控制 - 允许 - 源：*）规则到响应标头。 允许cors：访问-contogn-allize - 原点允许您轻松执行跨域Ajax Web应用程序请求。 只需激活加载项并执行请求。 默认情况下，CORS或CROSS原点资源共享在现代浏览器中被阻止（在JavaScript API中）。 安装此加载项将允许您取消阻止此功能。 请注意，当添加到浏览器时，默认情况下，它会激活（工具栏图标为灰色C字母）。 如果要激活附加品，请按下工具栏图标一次。 图标将转向橙色C字母。 如果您有一个功能请求，或者发现要报告的错误，请填写加载项的主页中的错误报告表单（https://mybrowseraddon.com/access-control-allow-origin.html）。
谷歌跨域插件：Allow CORS: Access-Control-Allow-Origin
weixin_48947842的博客
03-31 1万+
链接：https://pan.baidu.com/s/13TYc3wn6xOfobFwVjR4IAw 提取码：1234 crx是谷歌chrome插件的扩展格式。谷歌扩展插件安装有两种方式，在线安装和线下安装。在线安装就不多说了，主要说线下安装： 1、从设置->更多工具->扩展程序 打开扩展程序页面 2、打开扩展程序页面的"开发者模式" 3、将crx文件拖拽到扩展程序页面，完成安装 ...
允许CORS：访问控制_-_允许来源「Allow_CORS__Access-Control-Allow-Origin」_0_1_1_0_10_18_38.zip
09-26
允许CORS：访问控制_-_允许来源 前端跨域问题 本插件解压之后直接拖到谷歌浏览器扩展程序界面 即可使用
使用谷歌插件Allow-Control-Allow-Origin解决跨域问题
热门推荐
qcg14774125的博客
08-30 6万+
由于项目需要，自己利用node.js写一些接口数据，但是项目启动时，一直都是报跨域的错，于是百度各种办法找不到原因所在，最后有幸看见一片博文，下面给大家分享一下实际有用的解决跨域的办法（当然这只是自己本地跑服务、测试用的办法） 第一步： 下载谷歌插件伴侣https://www.appinn.com/chrome-ex-assistant/ 第二步： 如果没有就去【找插件】里面去搜...
CORS使用Access-Control-Allow-Origin来允许跨域请求
低调哥的博客
03-29 3534
CORS使用Access-Control-Allow-Origin来允许跨域请求 因为浏览器的同源策略，浏览器只允许请求当前域的资源，而对其他域的资源以不信任的态度处理。JSONP是可以解决跨域的一些问题， 但JSONP只支持GET请求而不支持POST，因此还是有限，而使用Access-Control-Allow-Origin可以应对各种跨域请求（在服务器端nginx去配置）。 CORS全称跨域资源共享（Cross-origin resource sharing）,这是W3
allow-cors-access-control插件
02-10
Allow CORS: Access-Control-Allow-Origin允许您在web应用程序中轻松执行跨域Ajax请求。
谷歌跨域插件allow-cors-access-control.zip
08-04
谷歌跨域插件allow-cors-access-control.zip
Allow-Control-Allow-Origin 谷歌跨域扩展插件解决app本地跨域调试附教程
03-02
Allow-Control-Allow-Origin 谷歌跨域扩展插件解决app本地跨域调试附教程
Access-Control-Allow-Origin
08-27
谷歌浏览器扩展程序一键解决本地开发跨域问题，让你不用乱mock数据，Access-Control-Allow-Origin工具包
Allow-Control-Allow-Origin插件
11-08
JavaScript跨域访问，ionic2使用正常。欢迎大家下载，本来想免费的，但必须选择资源分，我也没办法。
Allow CORS Access-Control-Allow-0.1.9.zip
12-26
允许CORS：通过Access-Control-Allow-Origin，您可以轻松地在Web应用程序中执行跨域Ajax请求。 描述： 轻松将（Access-Control-Allow-Origin：*）规则添加到响应标头。 允许CORS：通过Access-Control-Allow-Origin...
allow-cors-access-control插件，解决跨域问题，内含使用教程
10-03
`allow-cors-access-control` 插件的核心功能在于启用CORS（Cross-Origin Resource Sharing），这是一种机制，它允许Web内容从不同的源加载。通过在服务器端设置特定的HTTP响应头，可以允许浏览器接受来自不同源的...
Access-Control-Allow-Origin跨域解决及详细介绍
weixin_64051447的博客
06-30 1万+
解决方式还有更多各种各样的，但我认为最优雅的莫过于这两种，因此其他的解决方式可以暂时不提及，那些方法不仅增加了阅读复杂度还增加了维护成本不建议使用。无论是采用何种方式，我们都是要让后端修改代码，修改header或修改返回数据格式，都离不开后端的参与，所以遇到跨域问题，赶快找后端，一起解决这个问题。
chrome浏览器怎么下载Allow CORS: Access-Control-Allow-Origin插件
01-20
你可以按照以下步骤在Chrome浏览器中下载和安装Allow CORS: Access-Control-Allow-Origin插件： 1. 打开Chrome浏览器，并在地址栏中输入插件的官方网址：https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf 2. 在打开的网页中，点击右上角的"添加至Chrome"按钮。 3. 在弹出的确认对话框中，点击"添加扩展程序"。 4. 等待一段时间，直到插件安装完成。 5. 安装完成后，你将在浏览器的右上角看到一个新的插件图标。 现在，你已经成功下载和安装了Allow CORS: Access-Control-Allow-Origin插件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值