美文网首页
IE跨域访问后台接口Header坑

IE跨域访问后台接口Header坑

作者: belllee | 来源:发表于2020-02-14 18:25 被阅读0次

现象

我们的restful接口支持跨域访问,chrome下测试正常,但是在IE11里报错。
错误信息如下:

Request header field xxx is not allowed by Access-Control-Allow-Headers in preflight response

分析

其中的xxx是系统自定义的请求头。排查后台的Spring boot代码,设置跨域请求头的代码如下:

corsConfiguration.addAllowedHeader("*");

貌似这里设置没有问题,尝试把自定义的请求头放进字符串。问题居然解决了。搜了一下没有找到具体原因,就当成IE的锅吧……

解决办法

corsConfiguration.addAllowedHeader("content-type, xxx, ... ");

注意,多个请求头用逗号间隔。

相关文章

  • IE跨域访问后台接口Header坑

    现象 我们的restful接口支持跨域访问,chrome下测试正常,但是在IE11里报错。错误信息如下: 分析 其...

  • webpack 代理跨域

    当我们做项目时,后台开发接口给我们,我们访问一般是跨域访问,那么如何使用 webpack 进行跨域访问,来完成前端...

  • VUE本地跨域解决方案

    我们前端使用接口时,时常遇到跨域问题,一般都是后台设置开放访问权限解决跨域,如果后台不配合或者为了安全问题...

  • canvas数据跨域读取

    三种办法 1.ie11才支持,ie10及以下不支持。 同时在后台设置跨域响应头。 支持ie10的跨域使用creat...

  • ajax跨域

    解决 js ajax跨域访问报“No 'Access-Control-Allow-Origin' header i...

  • Nginx 允许子域名通配符跨域

    需求 关于跨域报错的坑 No 'Access-Control-Allow-Origin' header 这段时间折...

  • chrome浏览器设置--disable-web-securit

    在开发人员于后台进行接口测试的时候,老是遇到跨域问题,这时前端总是会让后台添加跨域请求头来允许跨域请求,今天介绍一...

  • VUE跨域、常用解决跨域的方法

    当我们遇到请求后台接口遇到 Access-Control-Allow-Origin 时,那说明跨域了。 跨域是因为...

  • vue-cli下跨域 问题的解决方法

    链接地址 目的:使用vue-cli构建的项目,在开发时,想要访问后台接口获取数据, 这时就会出现跨域问...

  • 前端跨域

    CORS跨域 1.CORS跨域-服务端设置,前端直接调用说明:后台允许前端某个站点进行访问 2.JSONP跨域-前...

网友评论

      本文标题:IE跨域访问后台接口Header坑

      本文链接:https://www.haomeiwen.com/subject/txyjfhtx.html