当前位置: 首页 > news >正文

SpringBoot解决跨域的三种解决方案

目录

一、什么是跨域

二、示例代码

三、解决方案

3.1、添加@CrossOrigin注解

3.2、配置WebMvcConfigurer

3.3、配置Filter

3.4、补充


一、什么是跨域

跨域是指在 Web 开发中,通过不同域名的网站之间进行数据交互或资源共享时,由于浏览器的同源策略限制导致的访问限制问题。同源策略要求网页中所有资源的请求都要与页面来源相同,包括协议、域名、端口号必须完全一致。如果请求的资源与页面来源不一致,就会触发跨域问题。

举个例子:

当一个网页请求来自不同源的服务器资源时,浏览器会阻止跨域请求,下面是一个具体的案例: 假设有一个前端网页,部署在 https://www.example.com,而后端服务器部署在 http://api.example.com。 如果前端网页通过AJAX请求后端服务器的数据,由于两者源不同(域名不同),浏览器会拦截该请求,浏览器控制台会出现一个类似下面的报错:

Access to XMLHttpRequest at 'http://api.example.com/getData' from origin 'https://www.example.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

这是因为缺少CORS头,导致浏览器无法获取到后端服务器的响应数据,要解决这个跨域问题,后端服务器需要设置CORS头,允许 https://www.example.com 来访问资源,

例如&#

相关文章:

  • 【Ardiuno】实验ESP32单片机搭建简易Web服务器功能(图文)
  • C#——值类型和引用类型的区别详情
  • 硬件存储管理
  • XSKY 在金融行业:新一代分布式核心信创存储解决方案
  • 【备忘录】配置 Docker 守护程序以使用代理服务器
  • aspose-words去水印自用资源
  • MySQL 搭建主从报错 1236
  • 土壤墒情监测站
  • 5_1 Linux 计划任务
  • 第十六章 模板方法模式
  • 上海媒体宣传:上海展览展会媒体邀约宣传怎么做?
  • Python深度学习:Bi-LSTM和LSTM在网络上有什么区别,对比来看
  • web前端需要的知识点:深度解析与技能进阶之路
  • Vue——子级向父级使用props传递数据(函数)
  • Golang | Leetcode Golang题解之第137题只出现一次的数字II
  • E-HPC支持多队列管理和自动伸缩
  • Laravel核心解读--Facades
  • Mithril.js 入门介绍
  • PV统计优化设计
  • Spring框架之我见(三)——IOC、AOP
  • vue总结
  • 闭包--闭包作用之保存(一)
  • 从零开始学习部署
  • 欢迎参加第二届中国游戏开发者大会
  • 理解IaaS, PaaS, SaaS等云模型 (Cloud Models)
  • 前端学习笔记之原型——一张图说明`prototype`和`__proto__`的区别
  • 深度学习在携程攻略社区的应用
  • 手机端车牌号码键盘的vue组件
  • 问:在指定的JSON数据中(最外层是数组)根据指定条件拿到匹配到的结果
  • 小试R空间处理新库sf
  • 一、python与pycharm的安装
  •  一套莫尔斯电报听写、翻译系统
  • 最简单的无缝轮播
  • scrapy中间件源码分析及常用中间件大全
  • 不要一棍子打翻所有黑盒模型,其实可以让它们发挥作用 ...
  • (办公)springboot配置aop处理请求.
  • (十六)串口UART
  • (微服务实战)预付卡平台支付交易系统卡充值业务流程设计
  • (转)http协议
  • ***测试-HTTP方法
  • .mat 文件的加载与创建 矩阵变图像? ∈ Matlab 使用笔记
  • .net 4.0发布后不能正常显示图片问题
  • .NET Core实战项目之CMS 第十二章 开发篇-Dapper封装CURD及仓储代码生成器实现
  • .net 提取注释生成API文档 帮助文档
  • .Net6支持的操作系统版本(.net8已来,你还在用.netframework4.5吗)
  • .net对接阿里云CSB服务
  • /etc/skel 目录作用
  • /proc/vmstat 详解
  • @Transactional类内部访问失效原因详解
  • @zabbix数据库历史与趋势数据占用优化(mysql存储查询)
  • [2023年]-hadoop面试真题(一)
  • [AI aider] 打造终端AI搭档:Aider让编程更智能更有趣!
  • [Avalon] Avalon中的Conditional Formatting.
  • [BetterExplained]书写是为了更好的思考(转载)
  • [C#]使用PaddleInference图片旋转四种角度检测