DEV Community
·
Node.js + 自定义CORS
内容提要
CORS（跨域资源共享）允许Web应用访问不同域的资源。本文介绍了如何在Node.js和Express中实现CORS，包括允许的HTTP方法、请求和响应头的定义，以及请求源的匹配检查。通过设置相关选项，可以控制跨域请求的行为。
关键要点
-
CORS（跨域资源共享）允许Web应用访问不同域的资源。
-
本文介绍了如何在Node.js和Express中实现CORS。
-
定义了允许的HTTP方法，如GET、POST、PUT等。
-
指定了允许的请求源，示例中为http://localhost:3000。
-
定义了允许的请求头和响应头。
-
checkOriginMatch函数用于检查请求源是否匹配允许的源列表。
-
create函数初始化CORS选项，包括源和方法的默认值。
-
设置请求和响应头，确保它们以小写形式存储。
-
maxAge指定CORS预检请求的最大缓存时间。
-
supportsCredentials决定服务器是否支持跨域请求中的凭证（如cookies或tokens）。
-
endPreflightRequests决定服务器是否结束预检请求（OPTIONS）或继续下一个中间件。
-
处理OPTIONS请求时，检查请求方法和头是否匹配允许的列表。
-
设置CORS响应头，如Access-Control-Allow-Origin、Access-Control-Allow-Credentials等。
-
Access-Control-Expose-Headers设置可被客户端访问的响应头。
延伸解读
CORS的基本概念
CORS（跨域资源共享）是Web应用程序与不同域之间进行资源访问的机制。理解CORS的工作原理对于开发现代Web应用至关重要，尤其是在前后端分离的架构中。通过合理配置CORS，可以确保安全性与灵活性并存。
Node.js中CORS的实现
在Node.js和Express中实现CORS时，可以通过自定义选项来控制允许的HTTP方法、请求源和请求头。这种灵活性使得开发者能够根据具体需求调整跨域请求的行为，确保应用的安全性和功能性。
预检请求的处理
CORS中的预检请求（OPTIONS）用于验证实际请求的安全性。开发者需要注意如何处理这些请求，以确保服务器能够正确响应并允许合法的跨域请求。合理配置maxAge和endPreflightRequests选项，可以优化性能和安全性。
延伸问答
什么是CORS，它的作用是什么？
CORS（跨域资源共享）是一种机制，允许一个域上的Web应用访问另一个域的资源，特别是在前后端分离的应用中至关重要。
如何在Node.js中实现CORS？
在Node.js中实现CORS可以通过设置允许的HTTP方法、请求和响应头，以及检查请求源来完成。
CORS中允许的HTTP方法有哪些？
CORS中允许的HTTP方法包括GET、HEAD、POST、PUT和DELETE。
如何指定允许的请求源？
可以通过设置CORS选项中的origins属性来指定允许的请求源，例如http://localhost:3000。
CORS的maxAge选项有什么作用？
maxAge选项指定CORS预检请求的最大缓存时间，以减少后续请求的延迟。
如何处理OPTIONS请求以支持CORS？
处理OPTIONS请求时，需要检查请求方法和头是否匹配允许的列表，并设置相应的CORS响应头。
