ASP.NET Core微服务(三)——【跨域配置】

最新推荐文章于 2024-05-10 21:47:27 发布
最新推荐文章于 2024-05-10 21:47:27 发布
阅读量1.3k 收藏 8
点赞数 1
分类专栏： # Java&Python&Net&软测&Go+ # ASP.NETCore微服务 文章标签： asp.net
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/feng8403000/article/details/113756352
版权

ASP.NET Core微服务(三)——【跨域配置】

对应练习demo(跨域)下载路径（1积分）：【https://download.csdn.net/download/feng8403000/15136711】

对应练习sql下载路径（0积分）：【https://download.csdn1/.net/download/feng8403000/15134699】

未跨域的错误提示：【No 'Access-Control-Allow-Origin' header is present on the requested resource. 】

解决的方法如下：

跨域的【Startup.cs】文件配置

1、声明跨域策略名称

//声明跨域策略名称
        readonly string MyCorsPolicy = "CorsPolicy";

添加位置：

2、引入跨域服务

//引入跨域服务
            services.AddCors(options => options.AddPolicy(MyCorsPolicy, builder =>
            {
                builder.AllowAnyOrigin().AllowAnyHeader().AllowAnyMethod();
                services.AddControllers();
            }));

添加位置：

3、允许跨域请求

   //允许跨域请求
            app.UseCors();
            app.UseEndpoints(endpoints =>
            {
                endpoints.MapControllers().RequireCors(MyCorsPolicy) ;
            });

添加位置： 

4、跨域测试(采用JQuery的ajax直接测试)：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>跨域测试</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js" />
</head>

<body>
    <script>
        $(function() {
            $.ajax({
                url: "http://localhost:5000/api/Test/GetInfo",
                dataType: "json",
                type: "get",
                success: function(data) {
                    data.forEach(element => {
                        document.write(element.id);
                        document.write(element.createDate);
                        document.write(element.nickName);
                        document.write(element.introduce);
                        document.write("<br/>");
                    });
                }
            });
        });
    </script>
</body>

</html>

效果如下：

成功跨域。

5、总结：

a）、跨域的三个配置分别的位置不同，请确定编写位置，本文有图片提示。

b）、本文直接做的【get】测试，如需【post】测试，请将【ajax的type值改为post】

希望此文对大家有所帮助，后续会编写

ASP.NET Core微服务(四)——【静态vue使用axios解析接口】、

ASP.NET Core微服务(五)——【vue脚手架解析接口】、

ASP.NET Core微服务(六)——【redis操作】、

ASP.NETCore微服务(七)——【docker部署linux上线】

等文章。

此文标题为ASP.NET Core微服务(二)——ASP.NET Core微服务(三)——【跨域配置】

红目香薰
关注
  • 1
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
ASP.NET Core微服务(三)——【跨域配置】——对应练习demo(跨域)
02-08
ASP.NET Core微服务系列教程的第三部分主要聚焦于跨域配置。在现代Web开发中，跨域问题常常出现，特别是当我们的应用由多个服务或API组成时。跨域是指一个源（origin）试图访问另一个源的资源时，浏览器基于同源策略...
No 'Access-Control-Allow-Origin' header is present on the requested resource. 跨域问题！
开心就好~~~专栏
01-23 18万+
跨域问题项目背景车祸现场解决问题总结 项目背景 前端：VUE 后端：Java JDK 1.8 Springboot 1.5.12 maven 3.3.9 服务器环境：Linux nginx 数据库：mysql 车祸现场 1、废话不说直接上干货 仔细一点可以看出，No ‘Access-Control-Allow-Origin’ header is present on the requested...
No 'Access-Control-Allow-Origin' header is present on the requested resource'， 跨域访问的解决方法
热门推荐
木子叶的奔跑
11-13 32万+
当请求不在同一域名下的资源文件（ip地址+端口号）时，会报如下错误： “No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8080’ is therefore not allowed access.”，翻译下，因为被请求的资源没有设置 ‘A...
No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的解决方案
最新发布
2301_79779756的博客
05-10 1676
当浏览器尝试从不同于其源（域、协议或端口）的服务器加载资源时，会触发同源策略（Same-Origin Policy）。然而，有时我们确实需要从不同的源加载资源，这时就需要使用跨源资源共享（CORS，Cross-Origin Resource Sharing）机制。
完美解决：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
white0718的博客
07-24 1万+
分析：当我们请求一个接口的时候，出现如：Access-Control-Allow-Origin 字眼的时候说明请求跨域了。前端是vue,后端是springcloud，完全的前后端分离的项目，前端在向后端发送请求的时候出现如下的错误。把我工作中遇到的问题和解决的问题的过程记录下来，同时希望也可以帮到大家！文件，在该文件内新增配置。
No ‘Access-Control-Allow-Origin‘ header is present on the requested resource关于vue跨域问题
qq_42212557的博客
12-06 2万+
No 'Access-Control-Allow-Origin' header is present on the requested resource关于vue跨域问题
处理 No 'Access-Control-Allow-Origin' header is present on the requested resource 问题
qq_37647296的博客
04-19 6万+
在开发中，前端同事调用后端同事写好的接口，在地址中是有效的，但在项目的ajax中，浏览器会报 "No 'Access-Control-Allow-Origin' header is present on the requested resource"的错误。 这是由于浏览器禁止ajax请求本地以外的资源，解决办法如下： 后端同事在Controller层的类上增加@CrossOrign注解，当前...
asp.net core webapi 服务端配置跨域的实例
10-18
下面小编就为大家分享一篇asp.net core webapi 服务端配置跨域的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
谈谈如何在ASP.NET Core中实现CORS跨域
10-20
本篇文章主要介绍了如何在ASP.NET Core中实现CORS跨域，CORS主要是解决Ajax跨域限制的问题，有兴趣的可以了解一下。
ASP.NET MVC中设置跨域访问问题
10-18
在ASP.NET MVC框架中，跨域访问问题是一个常见的开发挑战，主要是由于浏览器的同源策略所限制。同源策略规定，JavaScript只能与相同协议、主机和端口的资源进行交互，以防止恶意脚本跨站执行。然而，在实际应用中，...
跨域 No 'Access-Control-Allow-Origin' header is present on the requested resource.
小花生编程
01-13 18万+
什么是跨域访问 在A网站中，我们希望使用Ajax来获得B网站中的特定内容。如果A网站与B网站不在同一个域中，那么就出现了跨域访问问题。你可以理解为两个域名之间不能跨过域名来发送请求或者请求数据，否则就是不安全的。跨域访问违反了同源策略， 同源策略规定，浏览器的ajax只能访问跟它的HTML页面同源（相同域名或IP）的资源。 跨域 ...
后台解决跨域问题
m1s2q3l4的博客
02-18 464
出现的问题 解决办法： 1.创建工具类 2.进行实现 package com.shoppingbackstage.config; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsConfiguration; import org.springframew
解决跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
一起加油吧！
12-10 6889
CORS，全称Cross-Origin Resource Sharing，是一种允许当前域（domain）的资源（比如html/js/web service）被其他域（domain）的脚本请求访问的机制，通常由于同域安全策略（the same-origin security policy）浏览器会禁止这种跨域请求。
No Access-Control-Allow-Origin header is present on the requested resource.解决
是日已过，命亦随减的博客
06-10 1万+
出现此问题的原因是 所请求的资源上没有“ Access-Control-Allow-Origin”标头。 这个是域名的问题，比如你本地域名跟测试站域名冲突，因为在代码中已经设置成某个固定的域名了，所以请求接口的时候本地无法访问到测试站域名，所以要找到config文件最初配置域名的地方把他改成本地的域名就可以了 了。 解决跨域问题也很简单，在PHP代码中增加头部即可。 $header['Access-Control-Allow-Origin'] = '*'; $header['Access-Contr
No 'Access-Control-Allow-Origin' header is present on the requested resource.
小猿备忘录
03-29 2974
(1)错误描述：这是在做前后端分离项目跨域时候遇到的，错误的大致意思是没有Access-Control-Allow-Origin 这个头。 Access to XMLHttpRequest at 'http://***.***.**.com/**/**?fromDate=&toDate=&currentPage=1&pageSize=100' from origin ...
跨域请求常见错误及解决：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
二饭的博客
12-14 1万+
我的项目是Vue+Boot前后端分离项目。出现标题的错误信息的可能如下： 第①种情况 后端没有设置跨域，这里以Boot项目为例，在类上使用如下注解：表示这个类中的方法都可以进行跨域 @RestController @RequestMapping("client/recruit") @CrossOrigin public class RecruitClient { } 第②种情况 后端拦截器或过滤器中没有允许该请求方法通过，正确写法如下：拦截器示例 response.setHeader("Access-
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
wbajsjhhhhh的博客
05-03 6496
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
asp.net core api 跨域配置
04-11
这个问题应该是关于如何在 ASP.NET Core API 中进行跨域配置。要解决这个问题，你可以在 Startup.cs 文件中加入以下代码： 1. 引入 Microsoft.AspNetCore.Cors 包: using Microsoft.AspNetCore.Cors; 2. 在 ConfigureServices 中添加 Cors 服务: public void ConfigureServices(IServiceCollection services) { services.AddCors(options => { options.AddPolicy("MyPolicy", builder => { builder.AllowAnyOrigin() .AllowAnyMethod() .AllowAnyHeader(); }); }); } 3. 在 Configure 中启用 Cors: public void Configure(IApplicationBuilder app, IWebHostEnvironment env) { app.UseCors("MyPolicy"); // 其他配置... } 这样就可以在 ASP.NET Core API 中进行跨域配置了。需要注意的是，Cross-Origin Resource Sharing (CORS) 安全机制会阻止 web 页面或应用从不同的源（网站）上获取资源。因此需要进行跨域配置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

红目香薰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值