首页 > web前端 > js教程 > 如何在 Express.js 中为 Node.js 应用程序启用 CORS?

如何在 Express.js 中为 Node.js 应用程序启用 CORS?

Mary-Kate Olsen
发布: 2024-11-27 16:39:10
原创
243 人浏览过

How to Enable CORS in Express.js for Node.js Applications?

如何在 Express for Node.js 中启用 CORS

在 Express for Node.js 中启用跨域资源共享 (CORS) ,你可以使用cors中间件。此中间件将必要的 CORS 标头添加到您的响应中,允许您的应用程序与其他域或协议进行通信。

安装

使用以下命令安装 cors 中间件命令:

npm install cors --save
登录后复制

使用

安装后,需要 cors 中间件并在 Express 应用中按如下方式使用它:

const cors = require('cors');
const express = require('express');

const app = express();
app.use(cors());
登录后复制

通过添加此中间件,您的所有 API 路由都会自动将 CORS 标头添加到其

自定义 CORS 选项

您可以通过将配置对象传递给 cors() 中间件来自定义 CORS 选项。例如,要为所有源、方法和标头启用 CORS,您可以使用以下配置:

app.use(cors({
  origin: '*',
  methods: 'GET,HEAD,PUT,PATCH,POST,DELETE',
  allowedHeaders: 'Content-Type,Authorization',
}));
登录后复制

启用预检请求

某些浏览器可能会发送在发送实际请求之前发送预检请求。要解决此问题,您可以将 preflightContinue 选项添加到 CORS 配置中:

app.use(cors({
  preflightContinue: true,
}));
登录后复制

故障排除

如果您仍然遇到 CORS 问题,请确保服务器使用适当的 CORS 标头进行响应。您可以使用 Postman 等工具或浏览器的开发人员工具来检查响应标头。另外,请确保客户端应用程序发送正确的来源和凭据。

以上是如何在 Express.js 中为 Node.js 应用程序启用 CORS?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板