巧用七种方法 轻松应对跨域问题

跨域，是前端开发中经常遇到的一个问题。由于浏览器的同源策略，前端网页无法直接访问其他域名的资源。这给前端开发带来了很多不便，比如无法使用第三方 API，无法加载其他域名的图片和视频，无法进行跨域通信等等。

为了解决跨域问题，前端开发人员提出了多种解决方案。这些解决方案各有优缺点，适用于不同的场景。本文将介绍七种常见的跨域解决方案，帮助您轻松应对跨域问题。

1. CORS（跨域资源共享）

CORS（Cross-Origin Resource Sharing）是 W3C 标准，允许浏览器向跨域服务器发送请求，而无需预先发送额外的请求来询问服务器是否允许。

要启用 CORS，服务器需要在响应头中设置 Access-Control-Allow-Origin 字段。该字段的值可以是一个具体域名，也可以是一个通配符（如 *）。

Access-Control-Allow-Origin: https://example.com

在客户端，可以使用 XMLHttpRequest 或 Fetch API 来发送跨域请求。

const request = new XMLHttpRequest();
request.open('GET', 'https://example.com/api/data.json');
request.send();

2. JSONP（JSONP）

JSONP（JSON with Padding）是一种利用