node.js——http和服务、服务代理、后台跨域

最新推荐文章于 2025-07-17 21:53:23 发布
原创 最新推荐文章于 2025-07-17 21:53:23 发布 · 1.8k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#node.js #js http #node创建服务

本文介绍了HTTP协议的基本概念，包括请求头和状态码，并详细讲解了如何使用Node.js创建HTTP服务，监听请求，处理路由信息。特别讨论了在处理AJAX请求时可能出现的跨域问题及解决方案，通过设置请求头解决跨域限制。同时阐述了请求代理的概念，展示如何设置一个代理服务器来保护源服务器。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

http

  • HTTP协议（HyperText Transfer Protocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览器的传输协议。它可以使浏览器更加高效，使网络传输减少。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示(如文本先于图形)等。

http请求头

  • 四中协议基础：
    通用头域、请求消息、响应消息、实体信息；

就是访问每个网页的时候，资源和数据请求的这些各种’头’
在这里插入图片描述

请求头包含基本内容

  • Accept：浏览器可接受的MIME类型（文字、声音、图像等）。
  • Accept-Charset：浏览器可接受的字符集（utf-8，ASCII，GB2312等）。
  • Accept-Encoding：浏览器能够进行解码的数据编码方式，比如gzip。Servlet+ `能够向支持gzip的浏览器返回经gzip编码的HTML页面。许多情形下这可以减少5到10倍的下载时间。
  • Accept-Language：浏览器所希望的语言种类，当服务器能够提供一种以上的语言版本时要用到。
  • Authorization：授权信息，通常出现在对服务器发送的WWW-Authenticate头的应答中。
  • Connection：表示是否需要持久连接。如果Servlet看到这里的值为“Keep-Alive”，或者看到请求使用的是HTTP 1.1（HTTP 1.1默认进行持久连接），它就可以利用持久连接的优点，当页面包含多个元素时（例如Applet，图片），显著地减少下载所需要的时间。要实现这一点，Servlet需要在应答中发送一个Content-Length头，最简单的实现方法是：先把内容写入ByteArrayOutputStream，然后在正式写出内容之前计算它的大小。
  • Content-Length：表示请求消息正文的长度。
  • Cookie：这是最重要的请求头信息之一
  • From：请求发送者的email地址，由一些特殊的Web客户程序使用，浏览器不会用到它。
  • Host：初始URL中的主机和端口。
  • If-Modified-Since：只有当所请求的内容在指定的日期之后又经过修改才返回它，否则返回304“Not Modified”应答。
  • Pragma：指定“no-cache”值表示服务器必须返回一个刷新后的文档，即使它是代理服务器而且已经有了页面的本地拷贝。
  • Referer：包含一个URL，用户从该URL代表的页面出发访问当前请求的页面。
  • User-Agent：浏览器类型，如果Servlet返回的内容与浏览器类型有关则该值非常有用。
  • UA-Pixels，UA-Color，UA-OS，UA-CPU：由某些版本的IE浏览器所发送的非标准的请求头，表示屏幕大小、颜色深度、操作系统和CPU类型。

http状态码

在这里插入图片描述

详细请看百度百科

nodejs创建服务

创建监听

const http = require("http");

const server = http.createServer((req,res) => {
    res.write("向客户端返回数据")
    res.end()//主动终端会话，不然浏览器会一直加载，圈圈一直转
})//require reponse

server.listen(3001)//监听端口

由于没有写请求头，得到的数据是乱码：
在这里插入图片描述

请求头

const http = require("http");

const server = http.createServer((req,res) => {
    res.writeHead(200,{
        "Content-Type":"text/plain;charset=utf-8"
    })//设置成功状态码，设置请求头传递的数据编码
    res.write("向客户端返回数据")
    res.end()//end为可选参数，传递buffer对象或者字符串，会作为结束标志拼接在write的最后，而且end代表上下文结束，后面的代码将没有意义。
})//require reponse

server.listen(3001)
console.log('开启了服务');

在这里插入图片描述

至关重要的请求消息

  • 我们先看一下一次请求向后台发送了写什么消息：

这一长串滚动条都是请求发送给后台的消息。
在这里插入图片描述

  • 我们将最重要的一部分打印出来看看：
const http = require("http");

const server = http.createServer((req,res) => {
    res.writeHead(200,{
        "Content-Type":"text/plain;charset=utf-8"
    })
    for (const index in req.headers) {
        res.write("\n")
        res.write(index+":"+req.headers[index])
    }
    res.end()
})//require reponse

server.listen(3001)
console.log('开启了服务');

在这里插入图片描述

拿到路由信息

const http = require("http");

const server =http.createServer((req,res) => {
    res.writeHead(200,{
        "Content-Type":"text/plain;charset=utf-8"
    })
    res.end(req.url)
})//require reponse

server.listen(3001)
console.log('开启了服务');

如果我们再通过逻辑代码，通过不同的路由返回不同的信息！是不是突然有种通透的感觉，一个网站不就是这样吗？不然你的fs是学来干嘛的嘛，读取文件嘛，返回utf8字符串嘛，所以说，nodejs的后台非常的轻、简单！

在这里插入图片描述

不过这里要注意的是，在设置请求头的时候，如果Content-Type如果依然设置为text/plain，那么返回的字符只会被当做普通txt文本解析，如果改成html就会被解析成html代码了！

const http = require("http");

const server =http.createServer((req,res) => {
    res.writeHead(200,{
        "Content-Type":"text/html;charset=utf-8"
    })
    res.end("<h1>hello word</h1>")
})//require reponse

server.listen(3001)
console.log('开启了服务');

在这里插入图片描述

如果是ajax请求呢？

  • 我们先随便写个html代码：
<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8' />
        <meta http-equiv='X-UA-Compatible' content='IE = edge'>
        <title>Title</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- <link rel="stylesheet" type="text/css" media="screen" href="css/style.css" /> -->
</head>
<body>
     <h1 id="app">Hello word</h1>
</body>
<script src="ajax.js"></script>
<script type="text/javascript">
    app.onclick = ()=>{
        ajax({
            url:"http://localhost:3001",
            method:"get",
            data:{
                name:"Lucy",
                age:"19"
            },
            sucess:function(result) {
                console.log(result);
            }
            
        })
    }

</script>
</html>
  • 我这里是自己以前封装的ajax，用jQuery的也是一样的，如果你想用我的：
/*
ajax 方法
options 配置信息
*/
function ajax(options) {
    options.type = /post/i.test(options.type) ? 'POST' : 'GET';
    //console.log( options.type);
    //异步或者同步
    options.async = options.async === false ? false : true;
    /*console.log(options.async)*/
    var xhr = new XMLHttpRequest(); 
    var data = ''; //user=韩梅梅&age=18
    for (var k in options.data) {
        data += k + '=' + encodeURIComponent(options.data[k]) + '&';
    }
    //是get还是post
    if (options.type === 'GET') {
        if (!/\?/.test(options.url)) {
            options.url += '?';
        } else {
            if (!/(&\s*)$/.test(options.url)) {
                options.url += '&';
            }
        }
        options.url += data + '_=' + new Date().getTime();
        data = null;
    }
    xhr.open(options.type, options.url, options.async);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=UTF-8');
    xhr.onreadystatechange = function () {
        if (this.readyState === 4) { //0 1 2 3 4
            if (this.status > 199 && this.status < 300 || this.status === 304) {
                options.success && options.success.call(this, strJsonCode(this.response));
            } else {
                options.error && options.error.call(this, this.status);
            }
        }
    };
    xhr.send(data);
}

//将字符串打包成json数据，打包失败，默认返回原字符串
function strJsonCode(str) {
    try {
        return JSON.parse(str);
    } catch (e) { 

        return str;
    }
}
//时间打包函数	
function formatterDateTime() {
    var date = new Date()
    var month = date.getMonth() + 1
    var datetime = date.getFullYear() +
        "" // "年"
        +
        (month >= 10 ? month : "0" + month) +
        "" // "月"
        +
        (date.getDate() < 10 ? "0" + date.getDate() : date
            .getDate()) +
        "" +
        (date.getHours() < 10 ? "0" + date.getHours() : date
            .getHours()) +
        "" +
        (date.getMinutes() < 10 ? "0" + date.getMinutes() : date
            .getMinutes()) +
        "" +
        (date.getSeconds() < 10 ? "0" + date.getSeconds() : date
            .getSeconds());
    return datetime;
}
  • 当前服务端代码;
const http = require("http");

const server =http.createServer((req,res) => {
    res.writeHead(200,{
        "Content-Type":"text/html;charset=utf-8"
    })
    const obj = {
        name:"Bob",
        age:"18"
    }
    console.log(1);
    
    res.end()
})//require reponse

server.listen(3001)
console.log('开启了服务');

本地打开页面，触发ajax，这里出现了跨域问题

在这里插入图片描述
这里的1打印出来了，说明服务端准确地接收到了请求并执行了里面的代码，只是有跨域无法获取到服务器的返回数据：

在这里插入图片描述

跨域并不是因为服务器或者代码的问题，它是因为浏览器在中间作祟，浏览器"不同意这门婚事"！
但是，出于安全的考虑，浏览器是默认将没有设置请求头被返回消息的对象时，默认保护服务方。

  • 设置请求头的跨域信息：
res.writeHead(200,{
    "Content-Type":"text/html;charset=utf-8",
    "Access-Control-Allow-Origin": "*"
})

在这里插入图片描述

我点击后不再出现跨域问题，而且后台也显示了我触发的次数：
在这里插入图片描述

//没错，返回数据就是靠write
res.write(JSON.stringify(obj))

在这里插入图片描述

请求代理

  • 因为后台没有设置跨域问题，那么默认情况下，或者允许情况下，我可以让远在上海的服务器访问北京的服务器，上海服务器是个代理，上海服务器被黑了，但是因为北京服务器本身地址和端口以及跨域问题，用户没有办法直接获取到，所以北京服务器是安全的！
  • 增加一个server.js作为远在上海的服务器：
    我把原来的3001端口的服务修改一下：
const http = require("http");

const server =http.createServer((req,res) => {
    const obj = {
        name:"Bob",
        age:"18"
    }
    console.log(1);
    res.write(JSON.stringify(obj))
    res.end()
})//require reponse

server.listen(3001)
console.log('开启了服务');


const http = require("http");
const option = {
    host: "localhost",
    port: 3001,
    method: "get",
    path: "/"
}
let httpServer = (response)=>{
	//request 是作为nodejs后台用于请求的方法
    const myreq = http.request(option, res => {
        let obj = ""; //外部用于保存从3002端口请求的数据
        res.setEncoding("utf8");
        res.on("data", chunk => {
            console.log(chunk);
            obj = chunk
        })
        res.on("end", () => {
            response.end(JSON.stringify(obj)) //将请求的消息发送到传递进来的外部请求对象
        })
    })
    myreq.on("error", err => {
        console.log(err);
    })
    myreq.write("")
    myreq.end()
}

const server = http.createServer((req, res) => {
    res.writeHead(200, {
        "Content-Type": "text/html;charset=utf-8",
        "Access-Control-Allow-Origin": "*"
    })
    httpServer(res);//调用请求函数，将本次外部请求的对象传递过去
}) //require reponse
server.listen(3002) //创建新的服务3002端口
console.log('开启了服务');

在这里插入图片描述

一个窗口只能开一个服务：
在这里插入图片描述

完美实现服务器代理，保护了源服务器！

《web开发： （Node.js）Express 接口、跨域CORS》
yexiang优快云的专栏
01-21 496
一、Express 接口编写 1. 创建基本的服务器 2. 创建 API 路由模块 3. 编写 GET 接口 4. 编写 POST 接口 注意：如果要获取 URL-encoded 格式的请求体数据，必须配置中间件 app.use(express.urlencoded({ extended: false })) 5. CORS 跨域资源共享 5.1接口的跨域问题 刚才编写的 GET 和 POST接口，存在一个很严重的问题：不支持跨域请求 解决接口跨域问题的方案主要有两种： .
Node.js与Stripe：集成支付系统的完整教程
AI架构全栈开发实战笔记
05-26 1099
随着电商和在线服务的普及，支付集成是每个开发者迟早要面对的问题。Stripe作为全球最受欢迎的支付服务提供商之一，以其简洁的API、强大的文档支持和覆盖25+种货币的特性，成为中小企业和开发者的首选。本文将聚焦Node.js环境下的Stripe支付集成，覆盖从创建支付请求到处理支付结果的全流程，并包含安全规范、测试技巧和生产环境注意事项。本文将按照“概念理解→环境准备→代码实战→测试验证→生产部署”的逻辑展开：假设你开了一家煎饼摊，现在想支持“手机扫码支付”。顾客的支付流程大概是这样的：Stripe的支付流
node 代理
qq_38371250的博客
06-08 231
const express = require('express'); const proxy = require("http-proxy-middleware"); const app = express(); const path = require("path") var http = require('http'); var qs = require('querystring'); // User-Agent: Mozilla/5.0 (X11; Linux x86_64)
前端跨域解决方案（7）：Node中间件
weixin_40398599的博客
06-23 605
在前端开发中，我们常遇到：前端运行在，后端 API 在，跨域导致请求失败。：需后端开发配合，增加沟通成本；生产环境与开发环境配置不一致。：修改配置后需重启服务，打断开发流程；配置文件管理复杂。Node 中间件代理（如）可在前端开发服务器中直接配置跨域代理，无需修改 Nginx，适合开发阶段使用。：前端独立配置，无需等待后端调整：修改代理规则后无需重启服务器：开发环境专用配置，不影响生产部署：可拦截、修改请求 / 响应内容。
详解nodejs通过代理(proxy)发送http请求(request)
01-02
有可能有这样的需求，需要node作为web服务器通过另外一台http/https代理服务器发http或者https请求，废话不多说直接上代码大家都懂的： var http = require('http') var opt = { host:'这里放代理服务器的ip或者域名', port:'这里放代理服务器的端口号', method:'POST',//这里是发送的方法 path:' https://www.google.com', //这里是访问的路径 headers:{ //这里放期望发送出去的请求头 } } //以下是接受数据的代码 var body = ''; var
001 nodejs服务端解决跨域问题
竹映平昔
09-26 626
方法一：NodeJS+Express解决跨域问题：Access-Control-Allow-Origin 在app.js中设置如下： // 允许跨域访问 app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Contr...
Node.js——跨域访问
最新发布
2302_80932253的博客
07-17 949
跨域是指浏览器在执行 JavaScript 代码时，由于同源策略限制，不同域名、端口或协议的网页之间无法自由进行数据交互的现象。同源策略浏览器的安全机制，要求两个页面的 协议、域名、端口 完全一致才视为 “同源”，否则即为 “跨域”。例如：http://localhost:3000 与 http://localhost:4000 因端口不同，属于跨域；http://a.com 与 https://a.com 因协议不同，属于跨域。
Node.js初学者教程：构建API服务器
"本教程介绍了如何使用Node.js搭建一个简单的API服务器，主要涉及Express框架、CORS跨域配置、表单数据解析以及初步的路由设计。" 在Node.js开发中，Express是一个非常流行的Web应用程序框架，它使得构建HTTP服务器...
Vue2+Node.js前后端分离项目创建常用配置及踩坑点
SongD1114的博客
04-15 1612
Vue2+Node.js前后端分离项目创建常用配置及踩坑点
Nodejs服务端开发实战——大事件后台API项目（获取文章的列表数据功能待完善...）
SongD1114的博客
04-03 2893
Nodejs服务端开发实战之大事件后台API项目
node.js学习-第二章节
练体育的程序员的博客
05-26 1198
目录 前言 学习NodeJS的意义 01-nodejs搭建静态资源服务器 1.1-nodejs搭建静态资源服务器01 1.2-nodejs搭建静态资源服务器02 02-nodejs接收get请求与post请求 1.1-Nodejs获取get请求参数 1.2-Nodejs获取post请求参数 03-Nodejs使用第三方模块流程(以爬虫模块Crawler为例) 1.1-npm与cnpm介绍 1.2-npm使用流程 1.3-第三方模块使用流程（适合所有第三方模块） 爬虫实战 04..
Nodejs服务端开启跨域权限
shizhenweiszw的博客
02-27 852
//设置服务器跨域权限 app.use(function (req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Requested-With"); res.header("Access-Control-...
node跨域
weixin_45752063的博客
02-14 432
jsonp实现跨域 jsonp 不是ajax请求,是利用浏览器端请求了一个js不跨域的特性 代码： 前端代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view
Node--代理服务器
Hito的博客
07-23 449
Node–代理服务器 前言 目前好多系统都是采用前后端分离的方式，即后端给接口，前端调用，但是调试时非常麻烦，要把前端工程文件丢到服务器调试。前段时间看到公司同事写的一个代理服务器，之前虽然一直想写，平常太懒散了，而且也习惯把文件放到服务器调试了，但是用了同事那个代理脚本之后觉得挺方便的。 什么是代理服务器 前端的工程文件只能访问本地的服务，想要访问其他服务器上的资源...
node代理服务器
TZOF_的博客
05-19 899
node代理服务器 1.下载http-proxy npm install http-proxy --save-dev 2.在项目下面新建一个app.js文件，内容如下： var http = require('http'), httpProxy = require('http-proxy'); // 新建一个代理 Proxy Server 对象 var proxy = httpProxy.createProxyServer({}); // 捕获异常 pr
解决用 node 开发项目后端接口时，跨域问题
小R.的博客
04-04 1592
  之前在用 vue 或者 react 开发项目时，也曾遇到跨域问题，当时都是用 proxy解决的，现在用 node 开发项目后端接口，打算在后端这里进行处理。   我这里是用的 cors   先npm install cors安装一下 cors，   然后在 node+express+mongodb 项目里的入口文件 app.js 文件里引入const cors = require("cors");   最后在 app.js 文件里 加入以下代码： app.use(cors({ origin: ['
node.js服务器代理
ssjjrr的博客
10-04 3146
node.js服务器代理
Node处理http跨域请求
weixin_34038652的博客
05-06 264
由于项目需要，我用Node写的后台需要处理http跨域请求，解决方式如下： app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Hea...
node解决跨域问题
qq_42132814的博客
01-25 450
今天在写一个vue/node的项目中遇到了跨域问题，所谓跨域，即是浏览器的安全策略机制导致的，无法访问不同源的资源，同源包括：协议，端口，端口号 我采用的是cors来解决： 1. 安装依赖，npm install cors --save const express=require('express') const cors = require("cors"); const app = express(); app.use(cors()); //在这一步解决跨域，node内置的cors帮助我们解决.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

奔跑的飞牛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值