前后端分离项目跨域问题及解决方案

目录

 

1、什么是跨域

2、前后端分离项目中的跨域问题

3、方法一：SpringBoot后端进行处理

4、方法二：在Vue前端进行处理

5、总结

---

1、什么是跨域

请求同域资源：

在域名 （或 ip 地址）相同，端口号相同下的请求资源，可以看做是同域资源

请求跨域资源：

请求的资源只要 是 域名（或 ip 地址）、端口号中任意一个不同的资源都可以认为是跨域资源

如：

端口号不同

127.0.0.1:80 与 127.0.0.1:8888  属于跨域

域名 (或 ip 地址) 不同

127.0.0.1:80 与 www.baidu.com:80  属于跨域

 

2、前后端分离项目中的跨域问题

例如：

前端 vue项目： 127.0.0.1:70

后端 SpringBoot项目： 127.0.0.1:8888

我们在前端 vue 项目中存放页面，页面中的数据是通过 axios 发起异步请求从 后端 SpringBoot项目