.Net Core 2.0 Web API解决跨域问题:Access to fetch at "***(URL)" from origin "***" has been blocked by CORS policy

这些天做了个需求,需要做个网页展示生产相关数据,数据源已经确定了,于是迅速写好了webapi接口。

前端的话,我用Vue.js在调用webapi时,报了个错误:

Access to fetch at "***(URL)" from origin "***" has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource...

搜索了一下大概了解是跨域问题,怎么解决呢?

也很简单,

在Startup.cs的ConfigureServices函数加上

services.AddCors(x => x.AddPolicy("AllowCors", d => d.AllowAnyOrigin().AllowAnyMethod()));

在Controller加上EnableCors属性

[EnableCors("AllowCors")]

这样用Vue.js调用时就正常了

posted @   新*  阅读(1445)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)

喜欢请打赏

扫描二维码打赏

支付宝打赏

点击右上角即可分享
微信分享提示