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

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

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

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

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

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

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

三、什么时候用跨域

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

总结:当开发前后端分离项目的时候,出现接口调用失败,且后端并未报错,考虑是否是跨域出错。
相关推荐
D哈迪斯2 分钟前
vue动态组件实现动态表单的方法
前端·javascript·vue.js
KeyNG_Jykxg3 分钟前
🎨Element Plus X 上新! 组件升级🥳
前端·javascript·vue.js
火星思想14 分钟前
React为何选择宏任务而非微任务进行任务调度?
前端
前端服务区15 分钟前
React内置Hooks
前端·react.js
前端花园15 分钟前
前端开发AI Agent之Memory理论篇
前端·aigc·trae
一只小风华~16 分钟前
web前端开发:CSS的常用选择器
前端·css·html·html5
啊吧啊吧曾小白16 分钟前
聊一聊前端日常使用的try...catch...finally
前端·javascript·面试
工呈士18 分钟前
HTML语义化与无障碍设计
前端·html
海底火旺19 分钟前
前端面试必考!== 和 === 的区别及最佳实践全解析
前端·javascript
几何心凉20 分钟前
企业数据采集新实践:提升工作效率的秘籍
前端·javascript