正文 

当前位置： 首页 > 问答 >

Chrome 插件无法禁用 CORS 限制，或者我的请求有问题

     2023-03-04     83

关键词：

【中文标题】Chrome 插件无法禁用 CORS 限制，或者我的请求有问题【英文标题】：Chrome plugin not working to disable CORS restrictions or something is just wrong with my request 【发布时间】：2020-02-18 23:55:25 【问题描述】：

我正在尝试构建一个使用 Jira 服务器 API 的应用。我来自 localhost 的请求被 CORS 策略阻止。

Access to XMLHttpRequest at 'https://jira.company.com/rest/api/2/user?username=myname@company.com' from origin 'http://localhost:4200' has been blocked by CORS policy: Request header field access-control-allow-origin is not allowed by Access-Control-Allow-Headers in preflight response.

我读到Chrome extension 可以通过调整请求标头来规避 CORS 限制。但我似乎没有让它工作。

在图片中，您可以看到我已将扩展名设置为“开启”，但在预检 OPTIONS 请求中该请求仍然失败。 这个请求的问题还在于我在我的标题中将Access-Control-Allow-Credentials 设置为true，但是这个预检请求说它设置为false。这让我觉得我的代码有问题，因为我在发出 API 请求和设置标头等方面也非常缺乏经验。

logIn( email: string, password: string ): Observable<any> 
  const authKey = btoa( `$email:$password` );
  const headers = new HttpHeaders( 
    Authorization: `basic $authKey`,
    'Access-Control-Allow-Origin': '*',
    'Access-Control-Allow-Credentials': 'true'
   );
  const params  = new HttpParams().set( 'username', email );
  return this.http.get( 'https://jira.company.com/rest/api/2/user',  headers, params  ).pipe( map( ( user: any ) => 
    if ( user ) 
      localStorage.setItem( 'currentUser', JSON.stringify(  user:  authKey   ) );
    
   ) );

注意：我正在构建一个 Angular 应用程序

谁能告诉我是什么阻止我提出请求？

【问题讨论】：

【参考方案1】：

您不能通过 javascript 设置 CORS 标头。此外，cors 标头必须是响应而不是请求标头。考虑使用 api 代理。 Here 是本地开发的一个例子。

【讨论】：

如何在 Chrome Mac 中禁用 cors

】如何在ChromeMac中禁用cors【英文标题】：HowtodisablecorsinchromeMac【发布时间】：2019-12-2409:42:31【问题描述】：在开发我的ionic应用程序时，我不断收到以下错误。这是后端不允许的授权标头。尝试过的解决方案：我在这里使用chrome... 查看详情

Chrome 的插件 CORS Toggle 无法使用 POST/PUT/DELETE 方法

】Chrome的插件CORSToggle无法使用POST/PUT/DELETE方法【英文标题】：Chrome\'spluginCORSToggledoesn\'tworkusingPOST/PUT/DELETEmethod【发布时间】：2017-04-1807:56:16【问题描述】：我已经解决了这个问题：No\'Access-Control-Allow-Origin\'headerispresentontherequested... 查看详情

绕过 chrome 扩展中的 CORS 限制 [重复]

】绕过chrome扩展中的CORS限制[重复]【英文标题】：TobypassCORSrestrictionsinachromeextension[duplicate]【发布时间】：2016-11-0615:27:21【问题描述】：我们正在尝试为我们的一些API开发一个chrome扩展，以帮助一些非技术用户。正如预期的那样... 查看详情

SignalR 2.0 CORS Chrome 禁用 Web 安全奇怪行为

】SignalR2.0CORSChrome禁用Web安全奇怪行为【英文标题】：SignalR2.0CORSChromeDisableWebSecurityStrangeBehavior【发布时间】：2013-12-2004:42:45【问题描述】：我正在努力让CORS与SignalR2.0.0一起使用-我知道有很多关于它的SO帖子，我一直在浏览它们... 查看详情

AngularJS禁用CORS？

...。当我向localhost:&lt;port&gt;发出HTTP请求时，我看到Chrome首先创建了一个OPTIONS请求。因为我需要支持IE8-An 查看详情

Chrome 的高级 REST 客户端不介意 CORS 限制，怎么样？

】Chrome的高级REST客户端不介意CORS限制，怎么样？【英文标题】：Chrome\'sAdvancedRESTClientdoesn\'tmindCORSrestrictions,how?【发布时间】：2016-01-1819:30:25【问题描述】：我开发了一个客户端和一个服务器应用程序。在服务器的Web.config中，我... 查看详情

protractor - 启动 chrome 以禁用 cors 的网络安全

】protractor-启动chrome以禁用cors的网络安全【英文标题】：protractor-launchchromewithtodisablewebsecurityforcors【发布时间】：2016-01-1120:00:11【问题描述】：所以我们的应用程序在启用CORS的情况下在生产环境中工作。我有一个未在本地启用CO... 查看详情

在 Android Chrome 上禁用同源策略

】在AndroidChrome上禁用同源策略【英文标题】：DisablesameoriginpolicyonAndroidChrome【发布时间】：2012-08-2923:11:32【问题描述】：有没有办法，我搜索了其他帖子并没有找到任何关于android版本的答案。【问题讨论】：【参考方案1】：无... 查看详情

由于 CORS 限制，无法使用 firebase 在本地进行测试

】由于CORS限制，无法使用firebase在本地进行测试【英文标题】：UnabletotestlocallyusingfirebaseduetoCORSrestriction【发布时间】：2018-09-2603:07:12【问题描述】：我目前的用例很简单，我只需要向我在本地开发的云功能发出一个post请求。关... 查看详情

CORS 在 chrome 中无法与 Angular 2 一起使用

】CORS在chrome中无法与Angular2一起使用【英文标题】：CORSnotworkingwithAngular2inchrome【发布时间】：2018-01-0613:15:09【问题描述】：我正在使用javascript代码调用部署在weblogic上并使用jaxws在java中开发的soapwebservice。从IE11我收到来自SOAP的... 查看详情

禁用缓存后，Chrome CORS 请求会更快吗？

】禁用缓存后，ChromeCORS请求会更快吗？【英文标题】：ChromeCORSrequestsarefasterwhencacheisdisabled?【发布时间】：2019-02-2007:55:26【问题描述】：我的应用在此处加载视频：https://core.arc.io/guanzo/VideoOfPeopleWalking.mp4它使用Range请求标头以16Kb... 查看详情

在 Flutter 上禁用 CORS

...】：即使有一些关于Flutter的CORS问题的帖子/问题，我仍然无法使用可用的解决方案来修复它，其中主要涉及在服务器端修复它。就我而言，我无权访问服务器/API。此外，要求第三方更改其服务非常困难，因为在使用Python和VBA等... 查看详情

Chrome CORS 政策问题

】ChromeCORS政策问题【英文标题】：IssuewithChromeCORSpolicy【发布时间】：2020-01-1501:57:04【问题描述】：我有一个API可以登录我的系统，但是当使用axios发送请求时，它会收到一个CORS错误。我尝试安装CORS扩展并重新加载了很多时间，... 查看详情

如何通过我的 api 调用绕过 CORS 限制？ [复制]

...在获取请求中添加路径来解决此问题。当我构建它时，我无法 查看详情

由于 CORS，字体有时无法加载

...字体无法加载，我得到的是正方形而不是图标。这是我在chrome控制台上得到的CORS：Fontfromorigin\'https://dqgg 查看详情

关于chrome67以后版本无法离线安装扩展的解决方法

 升级了Chrome，突然发现扩展管理页面有问题——无法离线安装扩展，拖拽crx文件至该页面，Chrome竟然一直提示“无法从该网站添加应用，扩展程序和用户脚本”。如图：谷歌自Chrome67版本开始，只允许从Chrome网上... 查看详情

如何限制 chrome 中的最大 textarea 宽度和高度或如何禁用 textarea 调整大小

】如何限制chrome中的最大textarea宽度和高度或如何禁用textarea调整大小【英文标题】：Howtorestrictmaxtextareawidthandheightinchromeorhowtodisabletextarearesizing【发布时间】：2011-11-0411:56:26【问题描述】：Chrome允许通过在右下角使用药物来调整... 查看详情

Chrome 开发者扩展中的 CORS 问题

】Chrome开发者扩展中的CORS问题【英文标题】：CORSIssueinChromeDeveloperExtension【发布时间】：2017-04-1300:17:46【问题描述】：我是Chrome扩展开发的新手，我正在开发一个ChromeDeveloper扩展（作为开发工具的一部分出现）。此要求是进行外... 查看详情