【面试题】跨域收集

最新推荐文章于 2025-12-18 15:00:00 发布

转载最新推荐文章于 2025-12-18 15:00:00 发布 · 121 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.jianshu.com/p/8c8f16c46cb8

文章标签：

#vue.js #node.js #nginx

1、如何解决跨域的问题（阿里）

https://juejin.im/post/5c9c38e2e51d452db7007f66#heading-17

Access-Cotrol-Allow-Origin 这是典型的跨域报错。其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景

1、jsonp（json+padding）

虽然 XMLHttpRequest 对象遵循同源政策，但是 script 标签不一样，它可以通过 src 填上目标地址从而发出 GET 请求，实现跨域请求并拿到响应。这也就是 JSONP 的原理

9、Nodejs中间件代理跨域

// 开启服务器功能
function serverFn(next){
connect.server({
root: "dist",
port: 3001,
livereload: true,
// 给服务器插件添加第三方中间件
//nodejs中间件代理跨域
middleware: function(connect, opt) {
return [
// 服务器代理的中间件
createProxyMiddleware('/abc', {
target:'https://news.baidu.com', //代理的目标地址
changeOrigin:true,
pathRewrite:{ //路径重写规则
'^/abc':''
}
})
]
}
})
next();
}
2、cors跨域资源共享
3、document.domain + iframe跨域
4、location.hash+ iframe跨域
5、window.name + iframe跨域
6、postMessage跨域
7、nginx代理跨域
8、WebSocket