解决前端Provisional headers are shown问题_lonely喆的博客-程序员秘密

技术标签: spring boot  SpringBoot  

一、出现Provisional headers are shown的几种可能性

  1. 跨域,请求被浏览器拦截
  2. 请求被浏览器插件拦截
  3. 服务器出错或者超时,没有真正的返回
  4. 强缓存from disk cache或者from memory cache,此时也不会显示

  这几种都是前端的问题,我们都尝试了,对我们的问题没有效果

二、还是后端的锅

  前端发送post请求,用的是json格式,但是没请求到后端,也没有返回状态吗,最开始以为是前端跨域问题,然后后前端大佬一起找前端的错误,尝试了网上的各种方法都没有效果,最后发现居然是后端的锅。
  在filter中设置请求头的时候,没有加入content-type这个请求头,导致前端传不了json数据,因为浏览器是根据option返回的结果来确定请求参数的,所以前端浏览器发送option时,后端responseAccess-Control-Allow-Headers中没有content-type,导致浏览器post请求content-type,被认为是非法的,直接浏览器拦截了(浏览器和postman这些区别就在于,浏览器在正式请求之前会发送一个option试探,通过option试探来确定需要的请求参数)。正确的设置应该为

response.setHeader("Access-Control-Allow-Origin", origin);
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Headers", "x-requested-with,Authorization,token, content-type"); //这里要加上content-type 
response.setHeader("Access-Control-Allow-Credentials", "true");

  这个问题找了两个多小时,一直以为是前端的问题,还是自己的锅,看来还是自己才疏学浅,基础知识不扎实,还需要努力呀。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_42396168/article/details/105547334

智能推荐

尼古拉*特斯拉与通古斯大爆炸_尼古拉特斯拉火车经过感觉象地震_jjj706的博客-程序员秘密

Tesla 一生中最伟大的发明:Tesla Coil无线传电(一)   尼古拉.特斯拉NikolaTesla(1856-1943)自小成长于一个基督教家庭里,他父亲是一位牧师。在特斯拉(Tesla)成长的过程中,他的父亲曾致力栽培他成为一位传道人。可是特斯拉(Tesla)自小对科学抱着一股莫大的兴趣。在五岁时,他已经开始自己的发明生涯了,当年他自制了一台崭新的无叶片小水车,但这种

【从零单排】利用科大讯飞语音包实现Android语音识别Demo_monkeyduck的博客-程序员秘密

我对Android可以说是完全零基础,因为老师要求做口语对话系统,所以开始从头一点点看。目前完成了一个非常简单界面很粗糙的语音识别Demo,因为网上现有的代码都太老了,或者问题很多,给像我这样的新手带来很大的困扰,所以决定写个从零开始的心得体会,大酒神不是有从零单排嘛,咱也来个从零单排(愚笨想不出好名来。。)先晒一下我最简单的代码,后续会贴出性能更好界面更完善的来。利用科大讯飞语音包的话还是比

学python有前途吗-Python前景好不好?_编程大乐趣的博客-程序员秘密

谢邀Python的火热度持续不断。。。。。。作为入门语言还是不错的!你觉得Python真的好吗?或许你在漫天的宣传中看到了这些:开发环境简单,能打字就能写代码;接近英语的简单语法;众多的第三方库;解释执行,不需要编译;跨平台,方便移植;但是作为一个负责任的程序猿,要跟你说的是:就算再简单的语言,也得学才会会,不要在好不好,真的好不好这些事情上下功夫,要在怎么学如何学上下功夫。第一部分:各个领域应用...

Windows下安装python-pcl_JC小雨的博客-程序员秘密

Windows下安装python-pcl说明:配置所需主要安装包均在百度云盘 中可获取 链接:https://pan.baidu.com/s/1Rk5oeMeXCQWEojfVRBvSIw 提取码:kjnx 复制这段内容后打开百度网盘手机App,操作更方便哦--来自百度网盘超级会员V5的分享1、pcl安装程序(网盘有)https://github.com/PointCloudLibrary/pcl/releases下载一个AllInOne*.exe省事(无脑安装、下...

Linux pwn入门教程,i春秋linux_pwn入门教程复现之栈溢出基础_攻气直女的博客-程序员秘密

i春秋linux_pwn入门教程复现之栈溢出基础演示进程总览1:main函数2:hello函数3:getShell函数函数的入栈和出栈1:F2断点于call hello启动IDA远程调试F9运行EIP=0x080484D9,保存着下一条将要执行的命令、ESP=0xFF80EA90,保存着栈顶地址、EBP=0xFF80EA98,保存着栈底地址。2:验证EIP始终指向下一条将要执行的命令:修改EIP的...

随便推点

DirectX3D游戏开发三 绘制流水线_liuyi1207164339的博客-程序员秘密

欢迎来到EasyLiu的博客 !    参考:directxtutorial.com   DirectX.9.0.3D游戏开发编程基础     In the last lesson you built a simple, flat triangle lit with simple diffuse lighting. This triangle was not 3D, it was flat

手机pdf文件转语音_没有电脑也能处理PDF文件,手机里的这个功能太强大!_weixin_39760967的博客-程序员秘密

没电脑怎么处理PDF文件?急,在线等!PDF文件因为它的强大兼容性而广泛使用,一半我们都是在电脑打开,如果你刚好没办法使用电脑怎么办?一般来说,我们手机还是能直接打开进行浏览的,以在微信打开为例。打开之后你会发现你只能进行阅读,而无法进行任何编辑。还想进一步处理文件,你需要专业的软件来处理。以迅捷PDF阅读器为例子,虽然它觉阅读器,但它的功能不仅仅是阅读那么简单。首先,用迅捷PDF编辑器打开PDF...

【群晖秘籍】如何在群晖中安装Redis数据库,群晖如何使用套件安装Redis(已解决无法访问问题)!_群晖redis_xiaoqiangclub的博客-程序员秘密

文章目录准备安装解决无法访问的问题准备首先我们需要为我们的群晖添加第三方套件源具体的添加方式参考群晖添加第三方套件安装在确保已经安装好了第三方套件源后,我们就可以来正式的安装redis数据库了在套件中心直接搜索redis并点击安装等待下载安装完成后点击启动,注意:如果这个时候您去访问redis,会发现无法访问!还多人放弃使用套件而选择使用docker去安装redis就是因为这个原因!解决无法访问的问题下面我们就来解决这个问题我们需要使用ssh工具去连接我们

swagger添加权限验证,swagger安全控制_中国lanwp的博客-程序员秘密

swagger添加权限验证,swagger安全控制 https://blog.csdn.net/luchenh/article/details/96598433

hibernate4整合spring3出现java.lang.NoClassDefFoundError: [Lorg/hibernate/engine/FilterDefinition;..._weixin_30444105的博客-程序员秘密

1.错误日志:nested exception is java.lang.NoClassDefFoundError: [Lorg/hibernate/engine/FilterDefinition;:java.lang.ClassNotFoundException: org.hibernate.engine.FilterDefinitionat java.net.URLClassLoade...

javascript --- javascript与DOM_weixin_30341735的博客-程序员秘密

javascript与DOM:我们来个例子,一个HTML里包含一段文本和一个无序的列表。<p id="intro">My first paragraph...</p> <ul> <li>List item 1</li> <li>List item 1</li> ...

推荐文章

热门文章

相关标签