## 跨域问题说明

浏览器为了网络安全性, 有一个同源策略, 必须域名, 端口, 协议三个都相同, 才认为是同源的, 是安全可靠的, 允许ajax请求数据

为了能够成功的拿到数据, 跨域有三种常见的解决方案:

- jsonp

  原理: 利用script标签的 src 属性, 跨域请求服务器资源, 后台要返回函数调用   

  缺点: 只能是get请求

- cors 跨域资源共享

  原理: xhr2.0允许跨域资源共享, 后台需要设置请求头

  缺点: 浏览器兼容性 (IE10+)

- 服务器代理

  原理: 服务器给服务器发请求, 服务器之间没有跨域问题, 没有同源策略

  1. nginx 代理 (实际上线中常用)

  2. webpack 代理 (开发时, 临时解决跨域问题)

## 跨域问题说明

浏览器为了网络安全性, 有一个同源策略, 必须域名, 端口, 协议三个都相同, 才认为是同源的, 是安全可靠的, 允许ajax请求数据

为了能够成功的拿到数据, 跨域有三种常见的解决方案:

- jsonp

  原理: 利用script标签的 src 属性, 跨域请求服务器资源, 后台要返回函数调用   

  缺点: 只能是get请求

- cors 跨域资源共享

  原理: xhr2.0允许跨域资源共享, 后台需要设置请求头

  缺点: 浏览器兼容性 (IE10+)

- 服务器代理

  原理: 服务器给服务器发请求, 服务器之间没有跨域问题, 没有同源策略

  1. nginx 代理 (实际上线中常用)

  2. webpack 代理 (开发时, 临时解决跨域问题)