Vue+SpringBoot+SpringSecurity项目对于跨域的深度理解

随记(可跳过):CodeMan在熬夜肝一周SpringSecurity学习的时候,总是报错,于是冥思苦想,选择了询问Ai,但是不论怎么设置权限,接口仍然无法按所设想的权限被调用,于是在今天的14:18分,偶然看到了一个跨域请求,并加入项目,于是项目就按既定好的方向去实现了权限,故沉思对于前后端分离项目跨域的理解!

一、跨域请求是什么?为什么会有跨域问题?

如下图所示:网页的设计者,为了安全将网页访问资源的方式设置为同源才可以访问,如果不同源则爆出跨域错误,以保护资源的垂直性。

二、Axios与PostMan访问接口为什么没有加入CORS却可以访问

对于为什么之前调用接口与POSTMan测试没有加入CORS也可以调用的反思

仔细思考,原来是写的每一个Controller上自己每次都习惯性添加的注解,以前一直觉得这是必须添加,但是不知道为什么要添加,添加原因:

三、什么时候用跨域

简言之,当前端请求后端服务器的时候,此时就出现了跨域的情况,所以要在后端添加跨域策略,以至于前端可以访问后端资源。

总结:当开发前后端分离项目的时候,出现接口调用失败,且后端并未报错,考虑是否是跨域出错。
相关推荐
linweidong4 小时前
VIVO前端面试题及参考答案
前端·跨域·localstorage·重绘·浏览器兼容·git管理·前端重构
有意义4 小时前
从零搭建:json-server+Bootstrap+OpenAI 全栈 AI 小项目
前端·后端·llm
温宇飞4 小时前
CCState:为大型 Web 应用设计的状态管理库
前端
知兀4 小时前
【Spring/SpringBoot】SSM(Spring+Spring MVC+Mybatis)方案、各部分职责、与Springboot关系
java·spring boot·spring
r0ad4 小时前
读诗的时候我却使用了自己研发的Chrome元素截图插件
前端·javascript·chrome
汤姆yu5 小时前
基于springboot的民间救援队救助系统
java·spring boot·后端·救援队
IT_陈寒5 小时前
React性能优化实战:这5个Hooks技巧让我的应用快了40%
前端·人工智能·后端
江天澄5 小时前
HTML5 中常用的语义化标签及其简要说明
前端·html·html5
知识分享小能手5 小时前
jQuery 入门学习教程,从入门到精通, jQuery在HTML5中的应用(16)
前端·javascript·学习·ui·jquery·html5·1024程序员节
美摄科技5 小时前
H5短视频SDK,赋能Web端视频创作革命
前端·音视频