No 'Access-Control-Allow-Origin' header is present on the requested resource.

辣辣lalala

于 2019-11-14 09:40:35 发布

阅读量181

点赞数

文章标签： net core vue

本文链接：https://blog.youkuaiyun.com/weixin_43671185/article/details/103061476

版权

本文详细介绍了如何解决Vue前端应用访问.NET Core后端API时遇到的跨域问题。通过在后端的Startup.cs文件中配置跨域策略，并在控制器上添加注解，实现了任意来源的主机访问、任意请求方法、任意请求头及处理cookie的能力。

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

vue訪問.netCore api後臺跨域問題
報錯信息
:8080/#/Index:1 Access to XMLHttpRequest at ‘http://localhost:5000/api/values/5’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource
****.

解決辦法:
後臺代碼中在startup.cs中ConfigureServices下配置以下代碼

//配置跨域处理 
            services.AddCors(options =>
            {
                options.AddPolicy("any", builder =>
                {
                    builder.AllowAnyOrigin() //允许任何来源的主机访问 
                    .AllowAnyMethod()
                    .AllowAnyHeader()
                    .AllowCredentials();//指定处理cookie 
                });
            });