记.NET Web Api CORS 跨域配置顺序问题导致 Vue 获取不到响应信息

沐天_CC

于 2023-03-08 16:59:46 发布

阅读量205

点赞数

分类专栏： net 文章标签： .netcore

本文链接：https://blog.csdn.net/Clown_CJ/article/details/129406652

版权

net 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

.NET Web Api CORS 跨域配置顺序问题导致 Vue 获取不到状态码

先看下图，在请求报错时候直接返回跨域问题，且axios 获取不了response 信息直接undefined
在这里插入图片描述
原因是：

因为我这边报错是在jwt 授权时候报出401 所以想要在前台正常获取到响应信息，需将 UseCors放在UseAuthorization之前就行了

在这里插入图片描述
这错误引起原因，跟中间件管道顺序执行有关，想要深入研究得可以看看微软得文档

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

沐天_CC

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

asp.net core webapi 服务端配置跨域的实例

10-18

ASP.NET Core WebAPI 服务端配置跨域是一个关键的步骤，尤其在当今广泛采用的前后端分离架构中。跨域是指浏览器的安全策略限制了JavaScript从一个源（origin）请求另一个源的数据，这被称为同源策略（Same-origin ...

.Net Core WebAPI + Vue + Axios 导出 Excel / CSV 文件

辞仙

09-16

2263

这两种方法目前如果遇到0开头的数据，会默认把0去掉，可以考虑如果StartsWith(“0”)，则在前面加个单引号（即’）不推荐Excel导出，因为Excel2003一个Sheet最多导出65535条，Excel2007是10万4000多条，数据量大会报错，所以推荐使用CSV导出导出 Excel/// <summary> /// 将 DataTable 转换为 Excel /// 需在 nuget 安装 DotNetCore.NPOI /// </summary> /// .

参与评论您还未登录，请先登录后发表或查看评论

vue下载blob无法获取响应头里面的Content-Disposition来提取文件名

峰会路转的博客

08-10

4623

经排查一番，返回的响应头里面没有后端加的那个字段，后端说他加了，浏览器也显示了，他那没问题，那就是说问题在你前端，然后我就说，我去研究下，结果找到了相关的参考说是要需要后端的配置才行！下载二进制文件的时候，后端只返回一堆乱码，前端要获取文件名，后端只能把文件名加在响应头里面，前端去提取文件名。前后端都是半斤八两，出了问题要自查，不要总是把责任推给别人~~又是一天的开始，好好上班！本地开发的时候是好的，没有报错，但是上传到服务器上后就出现了如下的报错。然后前端才能在返回的请求头里面拿到这个字段。...

CORS 头缺少 'Access-Control-Allow-Origin'

星月昭铭的博客

05-16

1万+

今天使用vue发送Ajax请求时发现，请求不到数据，打开浏览器控制台发现报已拦截跨源请求：同源策略禁止读取位于 http://vue.studyit.io/api/get/lunbo 的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin’）的错误后面百度了一下CORS，CORS是一种允许当前域（domain）的资源（比如html/js/web ser...

原因:CORS 头缺少 ‘Access-Control-Allow-Origin’ 解决办法

热门推荐

weixin_43545329的博客

04-25

5万+

第一种方法：被请求页面加上下面的代码，最好content填写域名； <meta http-equiv="Access-Control-Allow-Origin" content="*"> 第二种方法：在请求控制器加上加上下面的代码； header("Access-Control-Allow-Origin: *"); 第三种方法：IIS、Apache、Nginx可以直接配置Acces...

前端获取不到自定义响应头信息解决方法

MZS2254399401的博客

01-14

5148

在前端获取到的`response`中无法看到自定义的请求头信息，即在响应数据的`headers`中无法看到`access-token`以及`x-access-token`的值。本篇文章提供解决方案

Nginx 解决WebApi跨域二次请求以及Vue单页面的问题

01-09

由于项目是前后端分离，API接口与Web前端部署在不同站点当中，因此在前文当中WebApi Ajax 跨域请求解决方法（CORS实现）使用跨域处理方式处理而不用Jsonp的方式。但是在一段时间后，发现一个很奇怪的问题，每次...

ASP.NET WebAPI2复杂请求跨域设置的方法介绍

10-15

ASP.NET WebAPI2 的跨域设置可以通过配置 Web.config 或启用 CORS 中间件实现。对于复杂请求，需要额外处理 OPTIONS 请求。确保正确设置跨域策略，可以避免浏览器因同源策略引发的错误，从而确保前后端之间的数据...

Asp.net Web Api开发（第一篇）自定义HTTP消息拦截器

一叶知秋

03-18

1万+

Asp.net Web Api开发（第一篇）自定义HTTP消息拦截器，实现统一消息拦截，Token验证，签名验证等。

Asp.Net Core 自定义设置Http缓存处理

weixin_33835690的博客

05-16

930

一、使用中间件拦截请求自定义输出文件输出前自定义指定响应头 public class OuterImgMiddleware { public static string RootPath { get; set; } //配置文件读取绝对位置 private readonly RequestDelegate _next; publ...

vue axios获取状态码（success，error）

Dreamer_xr的博客

11-21

2万+

项目中遇到个小需求，当页面半个小时内无任何操作的时候，token自动失效，毫无疑问是要跳到登录页的，token失效后后端给我的状态码是412，那么好，这个412我就是获取不到，给中console.log就是打印不出我想要的status，最终还是找到了我想要的。获取状态有两种写法：这里的api为配置的api文件，在main.js中引入，我的配置方法链接在这axios的API配置文...

.net6Api返回统一结果+Vue3前端访问

最新发布

故里2130

02-03

2070

在我们开发api的时候，需要让接口返回统一的接口，这样容易理解，也容易管理。所以封装返回的统一结果是非常必要的。下面介绍3种方案。

CORS错误，跨域问题的解决

weixin_57396733的博客

04-29

1万+

当我们遇到CORS错误时，往往是跨域造成的首先，我们需要了解下两个概念跨域：不同源的ajax请求同源：发出请求所在的页面与所请求的资源的url，协议相同，域名相同，端口相同都相同。同源情况不同源情况报CORS错误解决方案，从npm下cors包，然后在我们的代码中添加这样一段代码 ...

解决 Ajax：Ensure CORS response header values are valid 跨域问题

做一只猫的博客

07-27

7962

解决原生Ajax跨域问题和其他笨笨问题

ASP.NET跨域请求中的问题【CORS】

lordwish的专栏

09-12

5846

浏览器的安全策略会阻止网页向另一个站点发送ajax请求，同时也会阻止恶意站点从另一个站点读取数据。这种限制被称作“同源策略”。然而有时我们需要从一个站点访问另一个站点，比如从一个站点访问你的WebApi接口。跨域资源共享-Cross Origin Resource Sharing(CORS)是一项W3C标准，允许服务端释放同源策略，使得服务端在接受一些跨域请求的同时拒绝其他的跨域请求。相比较早期

vue获取不到后端返回的响应头

08-28

3670

Response.ContentType = EPPlusHelpler.ExcelContentType; Response.Headers.Add("FileName", fileName); 比如上面两行代码，ContentType可以获取到，但是FileName却获取不到，原因是：需要明确告诉浏览器，哪些响应头浏览器可以获取到。所以我们如果想使用FileName，...

ASP.NET Web API自身对CORS的支持: CORS授权检验的实施

weixin_34245749的博客

12-13

129

通过《EnableCorsAttribute特性背后的故事》我们知道：由CorsPolicyProvider提供的CorsPolicy表示目标Action采用的资源授权策略，ASP.NET Web API最终需要利用它对具体的跨域资源请求实施授权检验并生成相应的CORS响应报头。在ASP.NET Web API的应用编程接口中，资源授权检验的结果通过类型CorsResult来表示。一、Cors...

ASP.net core API跨域请求的异常处理遇到的坑

10-18

3863

首先，AP跨域请求，VS2017中nuget要加上中间件： Microsoft.AspNetCore.Cors 我使用的2.1.1版本。然后在Startup中这样写： app.UseHttpsRedirection().UseCors(builder => builder.AllowAnyOrigin().AllowAnyMethod()....