程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Azure 函数 http 调用在本地主机上始终返回跨域请求被阻止大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决Azure 函数 @R_772_10107@ 调用在本地主机上始终返回跨域请求被阻止?

开发过程中遇到Azure 函数 @R_772_10107@ 调用在本地主机上始终返回跨域请求被阻止的问题如何解决?下面主要结合日常开发的经验,给出你关于Azure 函数 @R_772_10107@ 调用在本地主机上始终返回跨域请求被阻止的解决方法建议,希望对你解决Azure 函数 @R_772_10107@ 调用在本地主机上始终返回跨域请求被阻止有所启发或帮助;

我刚开始使用 Azure 函数,当我从 Angular 调用 @R_772_10107@ 触发器函数时,我得到:

跨域请求被阻止:同源策略不允许读取位于 [MY_ENDPOINT] 的远程资源。 (原因:CORS 请求没有成功)。

在本地主机上运行,​​初始搜索指出我将配置添加到 local.setTings.Json

  "Host": {
    "Local@R_772_10107@Port": 7071,"CORS": "*","CORSCredentials": false
  }

我也尝试了上面的 CORS 我已经将我的 local.setTings.Json 属性设置为 here。

我还尝试导航到项目属性 > 调试 > 应用程序参数并添加

host start --use@R_772_10107@s --cors *

我已经检查过我可以通过邮递员和与之相关的 swagger ui 运行它来获得响应。所以我相信这不是一个红鲱鱼,问题出在浏览器的 CORS 预检请求上。但我该如何解决?

解决方法

在本地重现了该错误,并通过对 local.setTings.json 执行相同的操作来解决该错误。

我问您是否在门户上运行函数,因为您提到了始终复制选项。如果您已经将该函数部署到 Azure,请在门户上设置CORS

Azure 函数 http 调用在本地主机上始终返回跨域请求被阻止

如果您还没有解决这个问题,请告诉我。

,

我终于找到了答案。

我的第一次尝试: local.setTings.json

"Host": {
    "Local@R_772_10107@Port": 7071,"CORS": "*","CORSCredentials": false
  }

失败是因为当我按 F5 运行项目时 local.setTings.json 被忽略,或者因为我通过 @R_772_10107@s 为我的客户端提供服务,而我通过 @R_772_10107@ 提供我的函数,或者可能两者兼而有之。

我的第二次尝试: 项目 -> 属性 -> 调试 -> 应用参数

host start --use@R_772_10107@s --cors * 按F5开始

似乎失败了,因为我继续收到错误

跨源请求被阻止:同源策略不允许读取位于 @R_772_10107@s://localhost:7071/api/foo 的远程资源。 (原因:CORS请求没有成功)

我在 Firefox 中运行我的应用程序,但切换到 chrome 返回:

net::ERR_CERT_AUTHORITY_INVALID

解决方案 1:(检查想法是否有效的黑客方法)

  1. 复制 azure 端点并将其粘贴到浏览器中
  2. 接受此站点不安全的消息
  3. 重新加载客户端

解决方案 2:

  1. 创建证书
  2. 更新 Project -> Properties -> Debug -> Application arguments 为: host start --use@R_772_10107@s --cert \"myCert.pfx\" --password \"somepassword\"
  3. 按 F5
  4. 重新加载客户端

大佬总结

以上是大佬教程为你收集整理的Azure 函数 http 调用在本地主机上始终返回跨域请求被阻止全部内容,希望文章能够帮你解决Azure 函数 http 调用在本地主机上始终返回跨域请求被阻止所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:http函数