老生常谈 | 跨域，别怕

今天我们要探讨一个经常被提及的话题——跨域！又说到跨域了，真是让人感到有些厌烦呢？网络上关于跨域的文章数不胜数，看得我眼花缭乱，干脆就不看了 🤣 别急着离开……我会尽量用最简明的方式来解释几种常见的跨域解决方法，相信只要认真阅读完这篇文章，无论是作为面试者还是面试官，在面对这一块内容时都能应对自如。

“跨源”究竟是什么？

不是说好是跨域吗？怎么又冒出个“跨源”？难道连字都写错了？😄别着急，我们平时所说的“跨域”其实指的是一个较为狭义的请求情境。简单来说，就是突破浏览器的同源策略[1]来获取资源，因此称其为“跨源”也未尝不可。那么问题来了，“源”到底是什么意思呢？浏览器的同源策略 又是什么呢？所谓同源，是指协议、域名和端口三者完全一致的情况下才算是同源。听起来是不是有点抽象？那我们来举个例子吧：比如，有的例子当然有啦：

    const url = 'https://www.google.com:3000'

例如上述的这个网络地址，其通信协议为：https，主机名为 www.google.com，端口号为 [2] 3000。当出现跨源情况时，会产生哪些影响？将面临诸多限制，例如：

诸如 Cookie、LocalStorage、IndexDB 等用于数据存储的功能将无法被访问

对 DOM