Node express 官方示例cors跨域解析

 更新时间:2023年08月22日 10:31:34   作者:头像 fishenal  
这篇文章主要为大家介绍了Node express 官方示例cors跨域解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

node express

最近学习node以及express,看例子看的头疼,刚看完cors,写一下记录下来。

index.js

var express = require('../..');
var logger = require('morgan');
var app = express();
var bodyParser = require('body-parser');
var api = express();

首先创建了两个应用,一个是用户访问的app(客户端),另外一个是api作为请求的接口。

// app middleware

app.use(express.static(__dirname + '/public'));

// api middleware

api.use(logger('dev'));
api.use(bodyParser.json());

把app指向public目录

一些中间件,把app指向public目录,使用log,body解析为json。

/**
 * CORS support.
 */

api.all('*', function(req, res, next){
  if (!req.get('Origin')) return next();
  // use "*" here to accept any origin
  res.set('Access-Control-Allow-Origin', 'http://localhost:3000');
  res.set('Access-Control-Allow-Methods', 'PUT');
  res.set('Access-Control-Allow-Headers', 'X-Requested-With, Content-Type');
  // res.set('Access-Control-Allow-Max-Age', 3600);
  if ('OPTIONS' == req.method) return res.send(200);
  next();
});

这里我的理解是 api应对目录的请求,响应的时候进行限制,比如来自3000端口,PUT方式,然后执行next

/**
 * PUT an existing user.
 */
api.put('/user/:id', function(req, res){
  console.log('req.body'+req.body);
   console.log(req.body);
  res.send(204);
});
app.listen(3000);
api.listen(3001);
console.log('app listening on 3000');
console.log('api listening on 3001');

最后针对指定目录下的put访问,console出请求体。

public目录下的index.html

var req = new XMLHttpRequest;
  req.open('PUT', 'http://localhost:3001/user/1', false);
  req.setRequestHeader('Content-Type', 'application/json');
  req.send('{"name":"tobi","species":"ferret"}');
  console.log(req.responseText);

创建一个http请求,初始化一个put请求,向3001(也就是api应用)下的user/1,发送了一串json,完毕

流程

用户访问localhost:3000, express把域名指向了文件系统public目录下的index.html,index.html通过js向3001端口发布了一个http的put请求,并上传了一串json。

api(localhost:3001)接收到这个请求,先检查响应类型,响应类型确定源和类型以后继续下一步,执行到 api.put 里面的 console出请求体。

https://github.com/strongloop/express/tree/master/examples/cors

以上就是Node express 官方示例cors跨域解析的详细内容,更多关于Node express cors跨域的资料请关注脚本之家其它相关文章!

相关文章

  • Linux下为Node.js程序配置MySQL或Oracle数据库的方法

    Linux下为Node.js程序配置MySQL或Oracle数据库的方法

    这篇文章主要介绍了Linux下为Node.js程序配置MySQL或Oracle数据库的方法,这里默认已经装配好了Node环境然后我们利用npm包管理工具来进行配置,需要的朋友可以参考下
    2016-03-03
  • 基于Express实现递归遍历文件和CRUD操作

    基于Express实现递归遍历文件和CRUD操作

    在现代的 Web 应用开发中,文件管理是一个常见而重要的需求,所以本文就来讲讲如何利用 Express 框架,在递归遍历文件之后实现强大的 CRUD 操作,构建一个功能完善的文件管理系统,感兴趣的可以了解一下
    2023-06-06
  • 搭建简单的nodejs http服务器详解

    搭建简单的nodejs http服务器详解

    本篇文章主要介绍了搭建简单的nodejs服务器详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • nodejs调取微信收货地址的方法

    nodejs调取微信收货地址的方法

    这篇文章主要为大家详细介绍了nodejs调取微信收货地址的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • 解决node报错Error: Cannot find module http-errors的问题

    解决node报错Error: Cannot find module http-e

    这篇文章主要介绍了解决node报错Error: Cannot find module http-errors的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2025-05-05
  • node.js中的fs.unlinkSync方法使用说明

    node.js中的fs.unlinkSync方法使用说明

    这篇文章主要介绍了node.js中的fs.unlinkSync方法使用说明,本文介绍了fs.unlinkSync的方法说明、语法、接收参数、使用实例和实现源码,需要的朋友可以参考下
    2014-12-12
  • mongoose中利用populate处理嵌套的方法

    mongoose中利用populate处理嵌套的方法

    这篇文章主要给大家介绍了关于mongoose中利用populate处理嵌套的方法,文中通过示例代码介绍的非常详细,对大家具有一的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-05-05
  • npm、pnpm、yarn之间的区别小结

    npm、pnpm、yarn之间的区别小结

    平时在项目开发中,经常用到npm、pnpm、yarn这些来安装包,本文主要介绍了npm、pnpm、yarn之间的区别小结,具有一定的参考价值,感兴趣的可以了解一下
    2023-12-12
  • [将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客

    [将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客

    此文是介绍如何在Amazon的一年免费计划上安装Node.JS, NPM还有搭建OurJS博客系统。,需要的朋友可以参考下
    2014-08-08
  • node.js操作MongoDB的实例详解

    node.js操作MongoDB的实例详解

    这篇文章主要介绍了node.js操作MongoDB的实例详解的相关资料,希望通过本能帮助到大家,让大家理解掌握这部分内容,需要的朋友可以参考下
    2017-10-10

最新评论