首页 > 其他分享 >解决添加authorization 请求头后跨域问题

解决添加authorization 请求头后跨域问题

时间:2022-12-06 01:22:07浏览次数:38  
标签:Access 跨域 0.1 头后 header authorization

在做身份认证的时候前端请求头上增加authorization 属性后报以下错误:

 

Access to XMLHttpRequest at 'http://127.0.0.1:500/api/login' from origin 'http://127.0.0.1:5501' has been blocked by CORS policy: Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight response.

 

解决方案:在服务端允许跨域的header类型里加上authorization 

    res.header("Access-Control-Allow-Headers",["content-type",'Authorization']);

  

标签:Access,跨域,0.1,头后,header,authorization
From: https://www.cnblogs.com/SadicZhou/p/16954050.html

相关文章

  • vue中proxy解决跨域的原理
    vue中proxy解决跨域的原理浏览器是禁止跨域的,但是服务端不禁止,在本地运行npmrundev等命令时实际上是用node运行了一个服务器,因此proxyTable实际上是将请求发给自己的服务......
  • ASP.NET Core 配置跨域(CORS)
    ASP.NETCore配置跨域(CORS)1.安装程序CORS程序包Install-PackageMicrosoft.AspNetCore.Mvc.Cors一般默认都带了此程序包的2.配置CORS服务在Startup类,ConfigureServi......
  • .NetCore【中间件】跨域CORS
    CORS前后端分离部署需要跨域设置Core中如何设置CORS中间件usingMicrosoft.AspNetCore.Builder;usingMicrosoft.Extensions.DependencyInjection;namespaceThom......
  • 修改iframe里的css样式及跨域问题
    前段时间给一个客户制作网站在线客服的时候遇到一个问题,客户想尽量美化一下客服的框,而我们研究发现,客服框其实是iframe引用的外部资源。开始我们也天真地以为,自己写段代码,......
  • k8s源码分析7-API核心服务Authorization的认证及鉴权
    一、Authentication认证本节重点总结:Authentication的目的Kubernetes使用身份认证插件利用下面的策略来认证API请求的身份客户端证书持有者令牌(BearerToke......
  • Blazor Server完美实现Cookie Authorization and Authentication
    Blazorserver-sideapplication用Microsoft.AspNetCore.Identity.EntityFrameworkCore实现Authorization和Authentication完整教程。本方案只适用于BlazorServer-Siz......
  • 解决跨域Access-Control-Allow-Origin 设置无效问题
    解决跨域Access-Control-Allow-Origin设置无效问题在开发或使用别人项目的过程中,经常会遇到跨域访问失败的问题,解决这种问题的方法也很简单,就是在nginx或web框架中加入跨......
  • SpringBoot过滤器工具类解决跨域问题模板
    放入目录config即可@ConfigurationpublicclassCorsConfigimplementsFilter{@OverridepublicvoiddoFilter(ServletRequestreq,ServletResponseres,F......
  • 跨域
    在说跨域之前,我们先来回忆一下同源策略。我理解的同源策略:当我们在一个页面发起一个请求时,如何这个请求的地址的协议,域名,端口三者之中有一个和当前页面的协议,域名,端口不一......
  • chrome跨域浏览器设置
     chrome浏览器图标复制一个,重新命名喜欢的名字新图标右键=》属性  --user-data-dir="c:\ChromeDebug"--test-type--disable-web-security如图在目标地址后面加......