Node.js 使用CORS

单词 CORS 代表 “跨域资源共享” 。 跨域资源共享 是浏览器实现的基于HTTP头的机制，允许服务器或API（应用程序编程接口）指示除其自身来源以外的任何来源（在协议、主机名或端口方面不同）获得权限访问和加载资源。在npm注册表中可用的 cors 软件包用于解决Node.js应用程序中的CORS错误。

让我们用一个示例来理解。

步骤1： 安装

由于CORS软件包在npm（Node.js的第三方软件包管理器）中可用，因此我们必须在本地系统上安装Node.js。在终端中键入以下命令以验证。

node -v

该命令将显示您系统中安装的Node.js版本。如果出现错误，请确保正确安装了Node.js， 请按照此链接操作。

步骤2： 项目设置和文件夹结构。首先，在您的系统中创建一个名为“geeksforgeeks”的文件夹，并使用命令提示符移动到该文件夹。使用以下命令进行操作。

mkdir geeksforgeeks && cd geeksforgeeks

在该文件夹中创建两个单独的文件夹： client 和 server ，使用相同的mkdir命令）。在 client 内部中，文件夹创建 index.html 和 script.js 文件。在服务器文件夹内键入以下命令以生成package.json文件：

npm init

现在，在服务器文件夹中创建一个 index.js 文件来编写服务器端逻辑。我们当前的文件夹结构应该像这样。

项目结构： 它将如下所示。

Node.js 使用CORS

步骤3： 现在在同一个目录下，使用以下命令安装必要的软件包（express和cors）：

npm install express cors

步骤4： 这是在 index.html 文件中的代码。这是客户端在浏览器中显示的主要HTML代码。

<!DOCTYPE html>
<html lang="en">
   
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0">
    <title>Sample webpage</title>
    <script src="script.js"></script>
</head>
   
<body></body>
   
</html>
 
<!-- Frontend will be running on port 5500. -->

我们使用 corsOptions 对象允许一些特定来源的请求。

let corsOptions = {
    origin : ['http://localhost:5500'],
}    
# this corsOptions object enables CORS action for all origins running on port 5500 only.
# So if an application is running on any port other than 5000(own origin) and 5500, 
no CORS action will be enabled.

输出：

Node.js 使用CORS