再遇CORS -- 自定义HTTP header的导致跨域

指路牌

• 后端配置好了跨域，但是前端在HTTP header添加token后，又产生跨域的问题
• Flask、Vue(Axios)、跨域

适用场景

• 前后端分离，想要使用token来管理登录状态，或调用后台接口

环境

• 平台无关

参考博客

• axios 在header中配置token信息后，向后端请求会报跨域的问题。但是用postman测试的时候没有什么问题。

这个问题的回答其实没有给出直接性的帮助，甚至回答的有点奇怪，但是帮我打开了思路。

背景

出于多种考虑，放弃了使用类似WordPress这种现成博客解决方案，准备自己搭建一个博客系统，技术选型为：后端：Flask，前端：Vue。登录状态管理放弃cookie，采用token。开发进行到路由保护处时出现了CORS的问题，具体情形是Vue将从后台获取的token添加到HTTP请求的header中，调用相应接口时出现跨域。

在此次跨域出现前实际上已经在Flask通过flask_cors配置了跨域解决方案，因此跨域的产生是让我十分不解的，又由于问题比较奇特在搜索引擎中没有找到很好的解决方案(也可能是我不知道怎么描述，没有搜出来)，因此自己重新研究可以一下跨域，又有了一些新收获