html页面添加跨域

要在 HTML 页面中添加跨域支持，可以使用以下几种方法：

1. JSONP（JSON with Padding）：JSONP 是一种利用 `<script>` 标签实现跨域请求的方法。在 HTML 页面中创建一个带有跨域 URL 的 `<script>` 标签，服务器返回的响应是一段包裹在函数调用中的 JavaScript 代码，该函数会在页面中执行并处理响应数据。

示例代码：

<script>
  function handleResponse(data) {
    // 处理响应数据
  }
</script>

<script src="http://example.com/api?callback=handleResponse"></script>

2. CORS（Cross-Origin Resource Sharing）：CORS 是一种服务器端设置，允许在不同源之间进行跨域请求。在服务器端设置响应头部信息，允许指定的源访问资源。

示例代码：

// 服务器端代码
response.setHeader('Access-Control-Allow-Origin', 'http://example.com');

3. 代理服务器：使用代理服务器来转发请求，绕过浏览器的同源策略。在代理服务器上可以设置允许跨域请求，并将请求转发到目标服务器上。

示例代码：

// 代理服务器代码
app.use('/api', (req, res) => {
  // 转发请求到目标服务器
});

请注意，在使用跨域请求时，要确保目标服务器已经设置了允许跨域访问的配置。此外，跨域请求可能会受到浏览器的安全策略限制，例如在某些情况下，跨域请求可能需要进行预检请求（OPTIONS 请求）来检查服务器是否允许该请求。