跨域问题和解决方案

123 阅读1分钟

一.什么是跨域?

在A地址(发起请求的页面地址)向B地址(要请求的目标页面地址)发起请求时, 如果A地址和B地址在: 协议 域名 端口  不全相同,则说明请求是跨域的;

跨域.png

二.跨域解决方案

2.1jsonp

2.2后端来做cros

2.3代理转发(着重讲解)

2.4如果实在做不到,就请后端喝一杯奶茶,让后端帮忙解决一下跨域问题

通过配置vue-cli请求代理解决开发环境下的跨域问题

在前端服务和后端接口服务之间 架设一个中间代理服务,它的地址保持和前端服务一致,那么:

  1. 代理服务和前端服务之间由于协议域名端口三者统一不存在跨域问题,可以直接发送请求
  2. 代理服务和后端服务之间由于并不经过浏览器没有同源策略的限制,可以直接发送请求

跨域1.png

3.在vue.config.js配置文件中,有一项是devServer,它就是我们下边要操作的主角。

跨域2.png