每个知识点都可以从三个方面来研究:是什么、为什么、怎么做(用)

1.什么是跨域

跨域是指一个区域下的文档或脚本试图去请求另一个域的资源,通俗来讲:跨域就是我在我的家里陕西省,我想去北京,但我在家里没发现场观看,所以就产生了跨域,如何解决,我可以做火车、做高铁、坐飞机、徒步、自驾等方式,这就是我们解决跨域的方式,而在浏览器上的跨域,请看第三点内容

2.为什么会产生跨域

违背了浏览器的同源策略,而同源策略是指用户访问时的协议、域名、端口号都一致,这就是同源,只要有一个不一样,就会产生跨域,即违背了同源策略(不同源)。像我们平常使用的Ajax,定时器等就会产生跨域,而script、link、img、a则不会产生跨域

3.怎么去解决

方法一:使用jsonp去解决跨越的问题,应为script标签是不会产生跨域的
方法二:通过在后端设置cors请求头来解决跨域
方法三:配置代理服务器
react的代理服务器配置
Vue的代理服务器配置
方法四:生产环境解决跨域,通过给nginx配置代理服务即可。
iframe框架集标签也可以解决跨域
websocket