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

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

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

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

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

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

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

三、什么时候用跨域

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

总结:当开发前后端分离项目的时候,出现接口调用失败,且后端并未报错,考虑是否是跨域出错。
相关推荐
光影少年1 分钟前
前端ai开发需要学习哪些东西?
前端·人工智能·学习
鹏多多2 分钟前
Flutter输入框TextField的属性与实战用法全面解析+示例
android·前端·flutter
子不语1806 分钟前
Matlab读取文件
前端·javascript·matlab
kylinmin25 分钟前
卸载微软电脑管家:一次性彻底移除
前端·ui·xhtml
qq_4275060834 分钟前
基于Vue 3和Element Plus利用h、render函数写一个简单的tooltip局部or全局指令
前端·javascript·vue.js
泥菩萨^_^1 小时前
【每天认识一个漏洞】React 和 Next.js RCE漏洞
前端·javascript·react.js
m0_471199631 小时前
【vue】收银界面离线可用,本地缓存订单,网络恢复后同步
网络·vue.js·缓存
1024肥宅1 小时前
JavaScript常用设计模式完整指南
前端·javascript·设计模式
董世昌411 小时前
js怎样控制浏览器前进、后退、页面跳转?
开发语言·前端·javascript