启用 CORS

CORS （Cross-Origin Resource Sharing）是一个协议，用于在客户端网页中允许访问不同域名下的资源。通过启用 CORS，Web 应用程序可以访问其他域名下的资源，包括脚本、样式表、图片等等。

解决 CORS 限制

在浏览器中，使用 XMLHttpRequest 或 Fetch 发起跨域请求时，如果服务器没有使用 CORS 协议来允许跨域访问的话，浏览器会拒绝这个请求，触发一个错误。

为了解决这个问题，我们需要在服务器上启用 CORS，让客户端在跨域请求时能够成功地访问到服务器上的资源。下面是一些启用 CORS 的方法：

1. 通过设置 HTTP 响应头：

在服务器端，我们可以配置 HTTP 响应头来启用 CORS，例如下面的代码：

app.use(function(req, res, next) {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
  res.header('Access-Control-Allow-Headers', 'Content-Type');
  next();
});

这个中间件会将 Access-Control-Allow-Origin 响应头设置为 *，表示允许任何源访问资源；并且配置了允许的请求方法和请求头字段。

2. 使用第三方模块：

另外，我们也可以使用一些现成的第三方模块来方便地启用 CORS。比如说， cors 是一个流行的 npm 模块，可以让我们简单地配置 CORS，例如下面的代码：

const cors = require('cors');
app.use(cors());

这个中间件将自动设置 HTTP 响应头，允许任何源访问资源。

总结

CORS 是一个重要的跨域协议，在 Web 开发中经常用到。我们需要在服务器上启用 CORS，才能在客户端中访问不同域名下的资源。启用 CORS 可以通过设置 HTTP 响应头，或者使用第三方模块等方式来完成。