跨域有什么方式？

Posted 2021-09-27 前端茅台

JSONP

JSONP的跨域原理本质上是利用<script>标签允许跨域来实现的

nginx跨域

利用nginx反向代理实现跨域，什么是反向代理呢？就是客户端向nginx发起网络请求，nginx拿到请求数据后向目标服务器发起请求并将数据返回给客户端。

WebpackDevServer代理

devServer: {
    port: 8080,
    proxy: {
        "/api": {
          target: "http://other-server.example.com"
        }
    }
}

cors跨域资源共享

浏览器发起请求时会在头部信息增加Origin字段，服务器根据Origin的值来判断是否同意此次请求

postMessage跨域

postMessage解决了客户端不同窗体间的消息传递问题，特别是跨域消息发送，可解决跨域 POST 请求问题。

window.name + iframe

利用window.name是固定不变来实现跨域