vue-cli3配置axios代理跨域及代理跨域的原理

要了解跨域的解决办法,首先要了解什么情况下就是跨域:违反同源策略的都是跨域。

同源策略:协议,域名和端口都相同。

代理解决跨域原理:化不同为相同。
通过一些方法设置代理,在请求发送(接收)之前加入中间层,将不同的域名转换成相同的,就解决了跨域的问题。客户端发送请求时,不直接到服务器,而是先到代理的中间层。
vue-cli3配置axios代理跨域及代理跨域的原理
例如在8080端口向8081端口发送请求,就发生了跨域。下面是代理跨域的原理图:
vue-cli3配置axios代理跨域及代理跨域的原理