在开发 Express.js 应用程序时，可能会遇到跨域资源共享（CORS）的问题。CORS 是一种机制，允许在浏览器中运行的Web应用程序访问不同域中的资源。在默认情况下，浏览器会限制跨域请求，以防止跨站点脚本攻击（XSS），但有时我们需要在应用程序中解决这个问题。本文将介绍如何解决这个问题。
什么是CORS？
跨域资源共享（CORS）是浏览器机制，它允许Web应用程序从不同的域上获取资源。例如，您有一个位于 domain.com 的应用程序，它试图通过 AJAX 请求从 api.domain.com 获取数据，这将被浏览器视为跨域请求。在默认情况下，浏览器不允许跨域请求，以防止跨站点脚本攻击（XSS）。
如何解决CORS问题？
在Node.js中使用Express.js框架开发Web应用程序时，您可以使用CORS（跨域资源共享）中间件来解决CORS问题。该中间件将允许跨域请求，从而允许前端应用程序访问来自其他域的资源。
----- ------- - ------------------- ----- --- - ---------- ----- ---- - ---------------- ----------------
上面的代码将在您的应用程序中启用CORS，允许从所有来源访问您的API。但是，在生产环境中，您可能需要更严格地控制从哪些来源允许访问您的API。在这种情况下，您可以指定一个选项对象来仅允许从一组特定的来源进行访问：
----- ------- - ------------------- ----- --- - ---------- ----- ---- - ---------------- ----- ----------- - - ------- --------------------- --------------------- --- -- --- ------ ------- ------- -- ---------------------------
CORS选项
origin：指定允许访问API的来源。该值可以是单个字符串或以逗号分隔的字符串列表。如果未提供此值，则允许所有来源。methods：指定允许的HTTP请求方法。如果未提供此值，则允许所有HTTP请求方法。allowedHeaders：指定允许的请求标头。如果未提供此值，则将允许所有标头。exposedHeaders：指定API的响应应该公开的标头列表。credentials：指定是否应该允许发送和接收cookie。maxAge：指定预检请求的缓存时间（以秒为单位）。
结论
在Express.js应用程序中使用CORS中间件可以轻松地解决跨域资源共享（CORS）问题。在开发中，您可以使用 app.use(cors()); 来启用CORS。但是，在生产环境中，您可能需要更严格地控制从哪些来源允许访问您的API。在这种情况下，您可以使用 corsOptions 对象来指定选项。它提供了许多选项，您可以使用它来精确控制所允许的来源、请求方法、请求标头、暴露标头列表、cookie、缓存时间等。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6722fd952e7021665e0db5ee