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 步

  1. 运行 npm install cors 安装中间件
  2. 使用 const cors = require('cors') 导入中间件
  3. 在路由之前调用 app.use(cors()) 配置中间件
js 复制代码
const cors = require('cors');
app.use(cors())

Deom

js 复制代码
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");
});
相关推荐
浪裡遊6 小时前
React Hooks全面解析:从基础到高级的实用指南
开发语言·前端·javascript·react.js·node.js·ecmascript·php
whale fall7 小时前
npm install安装的node_modules是什么
前端·npm·node.js
会飞的鱼先生7 小时前
Node.js-http模块
网络协议·http·node.js
失败又激情的man8 小时前
Scrapy进阶封装(第四阶段:中间件设置,动态UA,ip代理池)
爬虫·scrapy·中间件
用户35218024547510 小时前
MCP极简入门:node+idea运行简单的MCP服务和MCP客户端
node.js·ai编程
亲爱的非洲野猪10 小时前
Kafka消息积压的多维度解决方案:超越简单扩容的完整策略
java·分布式·中间件·kafka
觅_15 小时前
Node.js 的线程模型
node.js
小飞悟19 小时前
浏览器和服务器是怎么“认出你”的?揭秘 Cookie 认证
后端·node.js
关山月19 小时前
什么是 Node.js ABI :它为什么重要
node.js
摘星编程19 小时前
深入理解责任链模式:从HTTP中间件到异常处理的实战应用
http·设计模式·中间件·责任链模式·实战应用