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 中间件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 2014年最火的Node.JS后端框架推荐

    2014年最火的Node.JS后端框架推荐

    用nodejs开发web应用,用哪个框架好?express?还是其他什么?今天小编就来给大家推荐一下今年最好用的几款Node.js后端框架
    2014-10-10
  • Linux环境部署node服务并启动详细步骤

    Linux环境部署node服务并启动详细步骤

    最近用node.js开发了一个web项目,下面这篇文章主要给大家介绍了关于Linux环境部署node服务并启动的详细步骤,文中通过图文以及示例代码介绍的非常详细,需要的朋友可以参考下
    2023-05-05
  • nodeJs的安装与npm全局环境变量的配置详解

    nodeJs的安装与npm全局环境变量的配置详解

    这篇文章主要介绍了nodeJs的安装与npm全局环境变量的配置详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01
  • node中http模块的使用及执行流程

    node中http模块的使用及执行流程

    http这个模块的职责就是帮你创建编写服务器,接下来通过本文给大家介绍node中http模块的使用及执行流程,感兴趣的朋友一起看看吧
    2021-09-09
  • nodejs 搭建简易服务器的图文教程(推荐)

    nodejs 搭建简易服务器的图文教程(推荐)

    下面小编就为大家带来一篇nodejs 搭建简易服务器的图文教程(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • Node.js数据库操作之连接MySQL数据库(一)

    Node.js数据库操作之连接MySQL数据库(一)

    前一阵在做项目的时候,需要通过nodejs连接到MySQL数据库,于是简单地学习了一下MySQL这个库,分享一些学习心得给大家,希望对大家有帮助。下面这篇文章主要介绍了Node.js数据库操作之连接MySQL数据库的相关资料,需要的朋友可以参考下。
    2017-03-03
  • 如何在NestJS中添加对Shopify的WebHook验证详解

    如何在NestJS中添加对Shopify的WebHook验证详解

    这篇文章主要为大家介绍了如何在NestJS中添加对Shopify的WebHook验证详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • Node.JS获取GET,POST数据之queryString模块使用方法详解

    Node.JS获取GET,POST数据之queryString模块使用方法详解

    本文将详细介绍nodeJS中的queryString模块使用方法,包括Node.JS获取GET,POST数据的方法,需要的朋友可以参考下
    2020-02-02
  • Nodejs极简入门教程(一):模块机制

    Nodejs极简入门教程(一):模块机制

    这篇文章主要介绍了Nodejs极简入门教程(一):模块机制,本文讲解了模块基础知识、模块的加载、包等内容,需要的朋友可以参考下
    2014-10-10
  • 详解使用PM2管理nodejs进程

    详解使用PM2管理nodejs进程

    本篇文章主要介绍了详解使用PM2管理nodejs进程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10

最新评论