导师在告诉我切换域名和配置项目接口环境的时候,顺便“面试”了一下解决跨域的方式以及对应的原理…然后我对原理不甚理解,他又耐心地给我讲解了一下。
proxy解决跨域:
proxy工作原理实质上是利用http-proxy-middleware 这个http代理中间件,实现请求转发给其他服务器。而同源策略它只对浏览器有限制作用,所以使用proxy就不会有跨域问题了。
jsonp解决跨域:
JSONP由两部分组成:回调函数和数据。回调函数是当响应到来时应该在页面中调用的函数,而数据就是传入回调函数中的JSON数据。 原理其实和上面差不多,都是跳过同源策略的限制,同源策略对src、herf是不起作用的。