首页 > 其他分享 >【Azure Function】Function本地调试时遇见跨域问题(blocked by CORS policy)

【Azure Function】Function本地调试时遇见跨域问题(blocked by CORS policy)

时间:2024-02-01 21:11:25浏览次数:28  
标签:Function 跨域 Azure CORS policy local localhost

问题描述

在本地调试Azure Function时,遇见了跨域问题:

Access to XMLHttpRequest at 'http://localhost:7071/api/HttpTriggerToken?tenantId=b7f6f99f-3045-412a-8828-b3044070857e&documentId=6a8ffc27-026f-498e-9936-f6c55db558e5&userId=test-user&userName=Test+User' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

是否有办法区解决这个问题呢?

 

问题解答

可以的。

在本地的调试中,可以修改Function本地的配置文件(local.setting.json),在其中添加CORS配置为通配符”*”,即可解决这个问题。

CORS  定义跨域资源共享 (CORS)可以使用的来源。 以逗号分隔的列表提供来源,其中不含空格。 支持通配符值 (*),它允许使用任何来源的请求。

文件名:local.settings.json

{
  "IsEncrypted": false,
  "Values": {
    "AzureWebJobsStorage": "",
    "FUNCTIONS_WORKER_RUNTIME": "node"
  },
  "Host": {
    "CORS": "*"
  }
}

测试效果(成功):

 

参考资料

Function本地配置文件:https://docs.azure.cn/zh-cn/azure-functions/functions-develop-local#local-settings-file

Azure Functions, localhost and CORS how to get them working together when debugging locally : https://sebastian-rogers.medium.com/azure-functions-localhost-and-cors-how-to-get-them-working-together-when-debugging-locally-e48be40a411f

标签:Function,跨域,Azure,CORS,policy,local,localhost
From: https://www.cnblogs.com/lulight/p/18002119

相关文章

  • Azure Data Factory(十二)传参调用 Azure Function
    一,引言 在实际的项目中,AzureDataFactroy中的DataFlow并不能彻底帮我们完成一系列复制逻辑计算,比如我们需要针对数据集的每一行数据进行判断计算,DataFlow就显的有些吃力。别怕,AzureDataFactory提供了调用AzureFunction的组件,有了代码的加持,那么解决更复杂的都能迎......
  • .Net Core项目部署到Azure Function
    创建AzureFunction项目在VisualStudio中,选择“新建项目”,然后选择“AzureFunctions”模板。编写Function函数代码publicstaticclassFunction1{[FunctionName("Function1")]publicstaticasyncTask<IActionResult>Run([HttpTr......
  • Active Directory Group Policy Objects | 活动目录组策略对象 | 介绍 | 配置
    介绍ActiveDirectory(AD)的组策略对象(GroupPolicyObjects,简称GPO),在Windows环境中使用GPO来配置、管理和强制执行网络中的计算机和用户设置。组策略对象(GPO)是策略设置的虚拟集合,GPO具有唯一的名称,例如GUID。组策略设置包含在GPO中,GPO可以表示文档系统和ActiveDirectory......
  • 【侯捷C++面向对象笔记】补充2-pointer-like & function-like class
    关键词:仿函数pointer-like:将一个类设计得像指针一样,通常通过重载*和->操作符实现。function-like:将类的成员设计得能像函数一样使用,通过重载()操作符实现。TipDemo应用:智能指针注意:->符号在作用一次后,会继续作用下去(不同于*号)Foof(*sp):f为一个Foo对象本体,使用时f.m......
  • Overview how does plpgsql function get executed
    TheSQLCREATEFUNCTIONprocess_orders()RETURNSvoidAS$$DECLAREcrecord;BEGINFORcINSELECT*FROMordersLOOPRAISENOTICE'Processing:%%',c.id,c.total;ENDLOOP;END;$$LANGUAGEplpgsql;createtableorders(idint,t......
  • Eventgrid+Function实现event driven架构 - 架构介绍及环境部署
    今天来介绍这几年在云上比较流行的eventdriven,也就是事件驱动的架构,用一个很简单的sample来实际看下事件驱动的架构到底是个啥事件驱动的架构由生成事件流的事件生成者和侦听事件的事件使用者组成,它的特点是事件可几乎实时发送,因此使用者可在事件发生时需要立即做出响应。生成者......
  • JS 面试题: 将class转为function
     关于类-需知知识点:1、ES6提供了更接近传统语言的写法,引入了Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语......
  • 跨域问题
    ///跨域设置///</summary>protectedvoidApplication_BeginRequest(){//OPTIONS请求方法的主要作用://1、获取服务器支持的HTTP请求方法;也是黑客经常使用的方法。//2、用来检查服务器的性能。如:AJAX进行跨域请求......
  • C# .NET 中 LINQ to Entities查询中使用时转换为数据库函数的CLR方法(EF.Functions)
    EF.Functions映射由于并非所有数据库函数都有等效的C#函数,因此EFCore提供程序提供了特殊的C#方法来调用某些数据库函数。这些方法通过EF.Functions定义为扩展方法来用于LINQ查询中。这些方法是特定于提供程序的,因为它们与特定数据库函数密切相关。因此,适用于某个......
  • .net core 配置跨域访问
    在Startup类里面先配置ConfigureServices方法#region跨域访问string[]coreslink=Configuration.GetSection("AppSetting:Cores").Value.Split(',');//services.AddCors(options=>//{//options.AddPolicy("all&quo......