Node.js 中 cors 依赖示例详解

 更新时间:2025年02月19日 09:05:35   作者:yqcoder  
cors是一个用于处理跨域资源共享(CORS)问题的Node.js中间件,可以帮助开发人员解决前后端分离项目中的跨域问题,该中间件提供了多种配置选项,以满足不同的跨域需求,如指定允许跨域请求的源、请求方法、请求头等,本文介绍Node.js  cors 依赖相关知识,感兴趣的朋友一起看看吧

`cors` 是一个用于处理跨域资源共享(Cross - Origin Resource Sharing,CORS)问题的 Node.js 中间件,在前后端分离开发的项目中经常会用到。

一、跨域问题概述

在浏览器中,出于安全考虑,遵循同源策略,即浏览器只允许访问同源(协议、域名、端口都相同)的资源。当浏览器向不同源的服务器发起请求时,就会受到浏览器的跨域限制,导致请求被阻止。CORS 是一种现代的跨域解决方案,允许服务器在响应头中设置一些字段,告诉浏览器该请求是被允许的。

1. 安装 `cors`

# 使用 npm 安装
npm install cors

2. 基本使用

将 `cors` 中间件应用到整个 Express 应用,这意味着所有路由都允许跨域请求。当客户端(如浏览器)发起对 `/data` 路由的请求时,服务器会在响应头中添加必要的 CORS 相关字段,从而允许跨域访问。

const express = require("express");
const cors = require("cors");
const app = express();
// 使用 cors 中间件
app.use(cors());
app.get("/data", (req, res) => {
  res.json({ message: "This is some data from the server" });
});
const port = 3000;
app.listen(port, () => {
  console.log(`Server running on port ${port}`);
});

二、配置选项

`cors` 中间件提供了多种配置选项,以满足不同的跨域需求。

1. `origin`

用于指定允许跨域请求的源(origin)。可以是一个字符串、一个数组,或者是一个函数。

// 允许单个源
const corsOptions = {
  origin: "http://example.com",
};
app.use(cors(corsOptions));
// 允许多个源
const corsOptionsMultiple = {
  origin: ["http://example1.com", "http://example2.com"],
};
app.use(cors(corsOptionsMultiple));
// 使用函数动态配置 origin
const corsOptionsFunction = {
  origin: (origin, callback) => {
    const allowedOrigins = ["http://example.com", "http://test.com"];
    if (!origin || allowedOrigins.includes(origin)) {
      callback(null, true);
    } else {
      callback(new Error("Not allowed by CORS"));
    }
  },
};
app.use(cors(corsOptionsFunction));

2. `methods`

用于指定允许的 HTTP 请求方法,默认值为 `'GET,HEAD,PUT,PATCH,POST,DELETE'`。

const corsOptionsMethods = {
  methods: "GET,POST",
};
app.use(cors(corsOptionsMethods));

3. `allowedHeaders`

用于指定允许的请求头,默认情况下,浏览器会自动处理一些常见的请求头。如果需要自定义请求头,可以使用该选项。

const corsOptionsHeaders = {
  allowedHeaders: "Content-Type,Authorization",
};
app.use(cors(corsOptionsHeaders));

4. `exposedHeaders`

用于指定允许客户端访问的响应头。默认情况下,浏览器只能访问一些简单的响应头,通过该选项可以暴露更多的响应头给客户端。

const corsOptionsExposed = {
  exposedHeaders: "X-Custom-Header",
};
app.use(cors(corsOptionsExposed));

5. `credentials`

一个布尔值,指示是否允许客户端在跨域请求中携带凭证(如 cookies、HTTP 认证等)。默认值为 `false`。

const corsOptionsCredentials = {
  credentials: true,
};
app.use(cors(corsOptionsCredentials));

6. 针对特定路由使用 `cors`

除了将 `cors` 应用到整个应用,还可以针对特定的路由使用 `cors` 中间件。

const express = require("express");
const cors = require("cors");
const app = express();
const corsOptions = {
  origin: "http://example.com",
};
// 只允许特定路由跨域
app.get("/data", cors(corsOptions), (req, res) => {
  res.json({ message: "This is some data from the server" });
});
const port = 3000;
app.listen(port, () => {
  console.log(`Server running on port ${port}`);
});

到此这篇关于Node.js 中 cors 依赖详解的文章就介绍到这了,更多相关Node.js cors 依赖内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • node + multer 实现文件上传过程

    node + multer 实现文件上传过程

    这篇文章主要介绍了node + multer 实现文件上传过程,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • Node.js+jade抓取博客所有文章生成静态html文件的实例

    Node.js+jade抓取博客所有文章生成静态html文件的实例

    下面小编就为大家带来一篇Node.js+jade抓取博客所有文章生成静态html文件的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • Nodejs Docker镜像体积优化实践详解

    Nodejs Docker镜像体积优化实践详解

    这篇文章主要为大家介绍了Nodejs Docker镜像体积优化实践示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • 服务端nodejs抓取jsonp接口数据实现示例

    服务端nodejs抓取jsonp接口数据实现示例

    这篇文章主要为大家介绍了服务端nodejs抓取jsonp接口数据实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • npm安装windows-build-tools卡在Successfully installed Python2.7

    npm安装windows-build-tools卡在Successfully installed Python2.7

    这篇文章主要介绍了npm安装windows-build-tools卡在Successfully installed Python2.7的问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • Node.js之readline模块的使用详解

    Node.js之readline模块的使用详解

    这篇文章主要介绍了Node.js之readline模块的使用详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • 详解nvm管理多版本node踩坑

    详解nvm管理多版本node踩坑

    这篇文章主要介绍了详解nvm管理多版本node踩坑,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-07-07
  • node.js开机自启动脚本文件

    node.js开机自启动脚本文件

    这篇文章主要介绍了node.js开机自启动脚本文件的方法和代码,这里分享给大家,有需要的小伙伴参考下吧
    2014-12-12
  • Node.js基础入门之模块与npm包管理器使用详解

    Node.js基础入门之模块与npm包管理器使用详解

    Node.js是一个基于Chrome V8引擎的JavaScript运行时。类似于Java中的JRE,.Net中的CLR。本文将详细为大家介绍Node.js中的模块与npm包管理器的使用,需要的可以参考一下
    2022-03-03
  • 使用node-media-server搭建一个简易的流媒体服务器

    使用node-media-server搭建一个简易的流媒体服务器

    这篇文章主要介绍了使用node-media-server搭建一个简易的流媒体服务器,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01

最新评论