文章目录
- 一、什么是跨域？
- 1.1. 什么是同源策略？
- 1.2. 同源策略限制以下几种行为
- 二、常见的跨域场景
- 三、9种跨域解决方案
- 1. JSONP跨域
- 1.1. 原生JS实现
- 1.2. jquery Ajax实现
- 1.3. Vue axios实现
- 2. CORS 跨域资源共享 （前端不需要做任何改变）
- 2.1. 简单请求
- 2.2. 非简单请求
- 2.2.1. 预检请求
- 2.2.2. 预检请求的回应（服务端设置）
- 2.3. 跨域认证
- 3. nginx代理跨域
- 3.1. nginx配置解决iconfont跨域
- 3.2. nginx反向代理接口跨域
- 4. nodejs中间件代理跨域
- 4.1. 非vue框架的跨域
- 4.2. vue框架的跨域
- 5. document.domain + iframe跨域
- 6. location.hash + iframe跨域
- 7. window.name + iframe跨域
- 8. postMessage跨域
- 9. WebSocket协议跨域
- 四、小结
