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

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

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

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

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

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

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

三、什么时候用跨域

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

总结:当开发前后端分离项目的时候,出现接口调用失败,且后端并未报错,考虑是否是跨域出错。
相关推荐
独泪了无痕3 分钟前
利用vue-pdf-embed实现PDF文件的预览
前端·vue.js
xkxnq4 分钟前
第七阶段:企业级项目实战核心能力(118天)Vue项目缓存策略:接口缓存(内存+本地)+ 组件缓存+路由缓存组合方案
vue.js·spring·缓存
学习3人组6 分钟前
业务主表+JSON自定义字段
java·spring boot·json
Exploring8 分钟前
Hola 计算器 v1.0.1 发布:个税计算全面升级,劳务报酬也能算清楚了!
前端
Pan Zonghui11 分钟前
个人开源技术博客前端
前端·开源
kyriewen17 分钟前
我让AI替我写Git提交信息,老板以为我每天工作16小时
前端·javascript·git
简简单单就是我_hehe39 分钟前
高效掌握 JeecgBoot JSelect 组件:外部传参、搜索回显与默认值设置全攻略
前端
闲适达人42 分钟前
nginx传递url的获取方案
java·服务器·前端
石小石Orz44 分钟前
给Claude增加状态栏显示:claude-hud保姆级教程
前端·人工智能·后端