Node.js 使用 cors 中间件解决跨域问题小结

 更新时间:2024年01月24日 15:38:07   作者:果冻~  
cors 是 Express 的一个第三方中间件,通过安装和配置 cors 中间件,可以很方便地解决跨域问题,本文介绍Node.js 使用 cors 中间件解决跨域问题,感兴趣的朋友一起看看吧

CORS 跨域资源共享

什么是 CORS

cors 是 Express 的一个第三方中间件。通过安装和配置 cors 中间件,可以很方便地解决跨域问题。

CORS (Cross-Origin Resource Sharing,跨域资源共享)由一系列 HTTP 响应头组成,这些 HTTP 响应头决定浏览器是否阻止前端 JS 代码跨域获取资源

浏览器的同源安全策略默认会阻止网页“跨域”获取资源。但如果接口服务器配置了 CORS 相关的 HTTP 响应头,就可以解除浏览器端的跨域访问限制

CORS 的注意事项

① CORS 主要在服务器端进行配置。客户端浏览器无须做任何额外的配置,即可请求开启了 CORS 的接口。
② CORS 在浏览器中有兼容性。只有支持 XMLHttpRequest Level2 的浏览器,才能正常访问开启了 CORS 的服务端接口(例如:IE10+、Chrome4+、FireFox3.5+)。

CORS 响应头部 - Access-Control-Allow-Origin

响应头部中可以携带一个 Access-Control-Allow-Origin 字段,其语法如下:

其中,origin 参数的值指定了允许访问该资源的外域 URL
注意:为通配符 *,表示允许来自任何域的请求

CORS使用

使用步骤分为如下 3 步

  • 运行 npm install cors 安装中间件
  • 使用 const cors = require(‘cors’) 导入中间件
  • 在路由之前调用 app.use(cors()) 配置中间件
const cors = require('cors');
app.use(cors())

Deom

const express = require('express');
const cors = require('cors');
const app = express();
// 配置解析表单数据的中间件
app.use(express.urlencoded( {extended: false} ))
// 一定要在路由之前,配置 cors 这个中间件,从而解决接口跨域的问题
app.use(cors())
const router = require("./apiRouter.js")
// 把路由模块注册到 app 上
app.use("/api",router)
app.listen(80,()=>{
    console.log("http://127.0.0.1");
});

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

相关文章

  • 快速查询nodejs版本信息的六种方法

    快速查询nodejs版本信息的六种方法

    Node.js是一款基于Chrome V8引擎的快速、轻量级的JavaScript运行时,随着应用程序规模越来越庞大,Node.js版本的更新也日益频繁,这篇文章旨在帮助开发者们快速查询Node.js版本信息,需要的朋友可以参考下
    2023-11-11
  • 一文详解NodeJS和Javascript之间有什么区别

    一文详解NodeJS和Javascript之间有什么区别

    在前端和后端开发的技术栈中,JavaScript 和 Node.js 经常是新手和经验丰富的开发者讨论的热门话题,这篇文章主要介绍了NodeJS和Javascript之间有什么区别的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-11-11
  • node基于async/await对mysql进行封装

    node基于async/await对mysql进行封装

    这篇文章主要介绍了node基于async/await对mysql进行封装,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,,需要的朋友可以参考下
    2019-06-06
  • Node.js创建一个简单的服务器的实现

    Node.js创建一个简单的服务器的实现

    Node.js是一个基于Chrome V8引擎的JavaScript运行时环境,可以在服务器端运行JavaScript代码,本文主要介绍了Node.js创建一个简单的服务器的实现,具有一定的参考价值,感兴趣的可以了解一下
    2023-12-12
  • 利用n工具轻松管理Node.js的版本

    利用n工具轻松管理Node.js的版本

    我们在测试写的Nodejs的程序在不同Nodejs版本下是否能正常运行,或是我们想要尝试下最新版 Nodejs 的新特性,但常用的代码需要旧版本的 Nodejs的时候就需要用 Node 版本管理工具,本文介绍的是利用n工具如何轻松管理Node.js的版本,需要的朋友可以参考下。
    2017-04-04
  • node.js操作mongodb简单示例分享

    node.js操作mongodb简单示例分享

    MongoDB是基于Javascript语言的数据库,存储格式是JSON,而Node也是基于JavaScript的环境(库),所以node和mongoDB的搭配能减少因为数据转换带来的时间空间开销。今天我们来看看如何通过node.js来操作MongoliaDB
    2017-05-05
  • Nest.js系列学习之初识nest项目框架及服务

    Nest.js系列学习之初识nest项目框架及服务

    这篇文章主要为大家介绍了Nest.js系列学习之初识nest项目框架及服务,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • 轻松创建nodejs服务器(10):处理POST请求

    轻松创建nodejs服务器(10):处理POST请求

    这篇文章主要介绍了轻松创建nodejs服务器(10):处理POST请求,本文告诉你如何实现在node.js中处理POST请求,需要的朋友可以参考下
    2014-12-12
  • Node.js进阶之核心模块https入门

    Node.js进阶之核心模块https入门

    在nodejs中,提供了 https 这个模块来完成 HTTPS 相关功能。这篇文章主要介绍了Node.js进阶之核心模块https入门,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • Node.js学习之TCP/IP数据通讯(实例讲解)

    Node.js学习之TCP/IP数据通讯(实例讲解)

    下面小编就为大家带来一篇Node.js学习之TCP/IP数据通讯(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10

最新评论