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

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

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

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

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

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

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

三、什么时候用跨域

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

总结:当开发前后端分离项目的时候,出现接口调用失败,且后端并未报错,考虑是否是跨域出错。
相关推荐
海带紫菜菠萝汤7 小时前
WebCodecs API 实战:浏览器原生视频编解码的原理与性能测试
前端·javascript·音视频·视频编解码
一位正在转型AI全栈的前端工程师8 小时前
AI 全栈学习之旅 - Week2:从零搭建一个可部署的 AI 聊天应用
前端
aixingpan8 小时前
aixingpan.cn API开发文档:api_docs_trichart_natal_solararc_transit2接口指南
前端·php
Ayayoyo8 小时前
公平随机转盘的前端实现:Web Crypto API、拒绝采样与加权抽取
前端
GitLqr8 小时前
提升 Web 开发效率:我常用的 10 个 TypeScript 实战技巧
vue.js·react.js·typescript
程序员黑豆9 小时前
鸿蒙应用开发:@Link 装饰器实现父子组件双向同步
前端·后端·harmonyos
前端炒粉9 小时前
简易实现ssr
开发语言·前端·javascript
huahailing10249 小时前
Spring Boot 集成 XXL-Job 完整实现方案(支持动态CRUD)
java·spring boot·后端
顶级自由人9 小时前
【前端菜鸟的补课01】Zod 与 PostgreSQL 全栈数据工程教学
前端·后端·程序员
swipe9 小时前
11|(前端转全栈)购物车不能只存在前端:用户维度数据如何在后端落库
前端·后端·全栈