跨域问题(什么是跨域问题、如何解决)

本文探讨了前后端分离架构下网站跨域问题的原因、影响及解决方案。跨域问题源于浏览器的同源策略,当前端(如Vue.js)通过Ajax调用不同源的后端接口(如Java或SpringBoot)时,会遇到安全限制。解决方案包括JSONP、SpringMVC的@CrossOrigin注解、手动设置响应头和Nginx代理。在小项目中,@CrossOrigin注解和手动添加响应头较为常见,而在大型项目中,Nginx作为网关进行路径转发是推荐的方法。
摘要由CSDN通过智能技术生成

1、什么是前后端分离架构

springmvc前后端在一个项目中不存在跨域的问题。
web系统的开发,springmvc三层架构:
controller 控制层
service 业务逻辑层
dao数据访问层

微服务架构:专业的人干专业的事
前端 vue,ajax技术调用接口
后端java,go,php提供接口

2、什么是网站跨域的问题

前端(vue)调用接口 -->ajax技术 -->后端(springboot)的接口不在同一个域下就产生跨域的问题
浏览器的安全策略:遵循同源策略,协议、地址、端口号都相同。
协议不同、地址不同、端口不同都为跨域,会触发浏览器的安全策略
不会发生跨域问题的情况:
在这里插入图片描述

3、网站跨域问题的产生根源

前端、后端项目分别部署在不同的服务器,会产生跨域问题
跨域问题报错:
在这里插入图片描述
跨域的请求可以到达,但是返回数据会触发浏览器

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值