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

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

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

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

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

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

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

三、什么时候用跨域

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

总结:当开发前后端分离项目的时候,出现接口调用失败,且后端并未报错,考虑是否是跨域出错。
相关推荐
十一.3661 分钟前
012-014 对state的理解,初始化state,react中的事件绑定
前端·react.js·前端框架
你脸上有BUG2 分钟前
SSE库选型+fetch-event-source示例
前端·sse·通知订阅
Never_every993 分钟前
8 个高清 4K 视频素材网址!无水印可商用
大数据·前端·音视频·视频
NotFound4866 分钟前
分享实战中Python Web 框架对比:Django vs Flask vs FastAPI
前端·python·django
冰暮流星7 分钟前
javascript之表单事件1
开发语言·前端·javascript
Dalydai12 分钟前
AI 辅助前端开发:两个月踩坑实录
前端·ai编程
前端那点事13 分钟前
Vue跨页面通信(8种主流方式|完整可运行Demo,Vue2/Vue3通用)
前端·vue.js
a_Ichuan14 分钟前
在HBuilderX创建的uniapp项目中使用unocss
前端·uni-app
里欧跑得慢15 分钟前
12. CSS滤镜效果详解:为页面注入艺术灵魂
前端·css·flutter·web
里欧跑得慢16 分钟前
CSS 级联层:控制样式优先级的新方式
前端·css·flutter·web