+-
跨域有什么方式?
首页 专栏 javascript 文章详情
0

跨域有什么方式?

前端面试题库 发布于 3 月 2 日

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是固定不变来实现跨域

javascript
阅读 8 更新于 4 分钟前
收藏
分享
本作品系原创, 采用《署名-非商业性使用-禁止演绎 4.0 国际》许可协议
avatar
前端面试题库

我不是什么大牛,只是记录前端的一些知识点,试图打造一个前端的面试题库

9 声望
0 粉丝
关注作者
0 条评论
得票 时间
提交评论
avatar
前端面试题库

我不是什么大牛,只是记录前端的一些知识点,试图打造一个前端的面试题库

9 声望
0 粉丝
关注作者
宣传栏
目录

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是固定不变来实现跨域