Springboot+React项目跨域访问问题

本文介绍了在Springboot 1.5.10.RELEASE和React 15.6.1环境下遇到的跨域问题及解决方案。当React前端(端口3000)与Springboot后端(端口8080)分离时,由于同源策略导致跨端口访问失败。解决方法包括:后端通过实现CrosFilter处理跨域,或者前端利用代理服务器进行跨域访问。
摘要由CSDN通过智能技术生成

一、开发环境

  1. 框架:springboot 1.5.10.RELEASE
  2. 开发工具:IDEA
  3. JDK:1.8
  4. 前端框架:React 15.6.1
  5. 浏览器:Chrome浏览器

二、跨域问题

本地使用ajax访问localhost:8080端口时报错:

Failed to load http://localhost:8080/test/test.do: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘null’ is therefore not allowed access.

React与Springboot前后端分离,React端口为3000而Springboot端口为8080,跨端口访问用寻常的ajax是无法跨域访问的。

什么是跨域?

当客户端向服务器发起一个网络请求,url会有包含三个主要信息:协议(protocol),域名(host),端口号(port)。当三部分都和服务器相同的情况下,属于同源。但是只要有一个不同,就属于构成了跨域调用。会受到同源策略的限制。

  同源策略限制从一个源加载的文档或脚本如何与

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值