什么是 RESTful API？
RESTful API 是一种软件架构风格，是基于 HTTP 协议实现的 API。它的核心理念是利用 HTTP 协议的各项特征来传递数据，使得系统间的交互变得简化和灵活。
RESTful API 与传统的 API 不同之处在于，它对资源的描述是通过 HTTP 协议中的动词实现的，比如 GET、POST、PUT 和 DELETE 等。这种方式不仅能够提高应用的性能和可靠性，也能够使应用更易于维护和扩展。
什么是跨域？
跨域指的是在浏览器中，向一个域名下的网页发起请求，而该请求的目标资源位于另一个域名下的网页。这种情况下就会出现跨域问题。
跨域问题是由浏览器的同源策略引起的。同源策略是一种基于安全考虑的浏览器限制机制，它禁止通过脚本在浏览器中访问跨域资源，以保护用户数据的安全性。
解决跨域的方法
JSONP
JSONP 是一种解决跨域问题的方案，它通过动态创建 script 标签引入一个外部 js 文件，以实现跨域访问数据的目的。该方法的原理是利用了 script 标签在浏览器中可以跨域请求数据的特性。JSONP 的缺点是只支持 GET 方法。
以下是一个简单的 JSONP 示例：
-- -------------------- ---- -------
--------- -----
------
------
----- --------------- --
------------ ----------
-------
------
--------
-------- ------------------------ -
----------------------
-
----- --- -
-------------------------------------------------------
----- ------ - ---------------------------------
---------- - ----
----------------------------------
---------
-------
-------CORS
CORS 是一种解决跨域问题的方案，它利用了 HTTP 协议中的 OPTIONS 请求和 Origin 头部信息来实现安全的跨域访问。该方法的原理是在服务端设置对跨域请求的响应头中添加 Access-Control-Allow-Origin 头部信息，来允许指定的域名访问数据。
以下是使用 CORS 解决跨域问题的实例：
-- -------------------- ---- -------
-- - ------- ----
----- ------- - -------------------
----- --- - ----------
----------------------------------
---------------- ----- ---- -- -
---------
------------------------------ ------------------------
---
--------------- --------
---
---------------- -- -- -
----------------------
---代理
代理是一种解决跨域问题的方案，它利用了服务端可以访问跨域资源的特性。该方法的原理是在服务端创建一个接口，然后将客户端请求重定向到该接口，再由服务端代理请求跨域资源并将结果返回给客户端。
以下是一个简单的代理示例：
-- -------------------- ---- -------
-- - ------- ----
----- ------- - -------------------
----- ----- - -----------------
----- --- - ----------
----------------------------------
---------------- ----- ----- ---- -- -
--- -
----- --- - -------------------------------
----- ------ - ----- ---------------
----------------------
- ----- ------- -
---------------------
-
---
---------------- -- -- -
----------------------
---总结
跨域问题是前端开发中常见的问题，但是我们可以通过 JSONP、CORS 和代理等方式来解决。需要注意的是，不同的跨域问题解决方案有不同的优缺点，开发者需要根据具体的需求来选择适合自己的解决方案。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c9d1835ad90b6d04183b49