Spring Cloud+Vue前后端分离项目报错：Network Error；net::ERR_FAILED（请求跨越）

一、情况一

        1.1、存在跨域请求问题

        跨域请求：请求协议、域名、端口号，这三个如果有一个不一致就是跨域请求。

当前URL	请求URL	是否跨域	结果分析
https://www.baidu.com	https://www.baidu.com/index.html	否	域名、协议、端口号一致
http://www.baidu.com	https://www.baidu.com	跨域	协议不同（http/https）
https://www.baidu.com	https://www.iqiyi.com	跨域	域名不同(baidu/iqiyi)
https://www.baidu.com:80	https://www.baidu.com:81	跨域	端口号不同(80/81)

        1.2、解决方法

        在Controller上面添加一个注解@CrossOrigin，解决跨域问题：

@RestController
@CrossOrigin
@RequestMapping("/service/api")
@Api(tags = "API接口")
public class ApiController {
..................................................
}

二、情况二

        2.1、API请求地址出错

        请求地址：前端API请求的地址跟后台的Controller不一致导致，检查一下！

 

三、情况三

        3.1、分布式微服务项目一般有使用Nginx做反向代理，因为有很多服务端口，但设置了服务地址前缀不一致也会导致前端请求地址找不到，从而拿不到数据。

 

         Nginx配置的服务端口地址要求一定要有eduservice，不然前端请求不到，拿不到数据会报：Network Error。