web服务器渲染数据发送前台

最新推荐文章于 2025-02-09 13:35:34 发布

雾里种花

最新推荐文章于 2025-02-09 13:35:34 发布

阅读量416

点赞数

CC 4.0 BY-SA版权

文章标签：静态服务器渲染数据发送前台 node创建静态服务器

本文链接：https://blog.youkuaiyun.com/ThisOnly/article/details/91905611

本文介绍如何使用Node.js创建一个web（静态）服务器，以将数据渲染并发送到前端。服务器分为web服务器（静态服务器）和API服务器（后端接口），其中静态服务器可以直接在浏览器中运行。通过引入http模块，使用createServer创建服务器，并通过listen监听指定端口，实现服务器的运行。

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

web（静态）服务器渲染数据发送前台

服务器：可以运行在服务端的一个网站（站点）
服务器种类：
①web服务器（静态服务器）可以运行在浏览器中的服务器
②api服务器（后端接口）后端语言暴露一个数据接口，用于前端数据请求（ajax,fetch）

Node.js中原生创建web服务器(静态服务器)

基本步骤：
引入http模块
createServer( callback ) 创建服务器，callback接收三个参数（request,response,next）
listen(port,host,callback) 监听服务器（反馈服务器状态）
port: 端口 host: 域名

//引入http模块（对象）
const http = require( 'http' )

//通过http模块身上的  createServer 这个api可以创建一个web服务器
//创建服务器端口和域名
const port = 8000

const host = 'localhost' // 127.0.0.1

const server = http.createServer( ( request,response ) => {
  response.writeHead( 200,{
    // 'Content-Type': 'text/html;charset=utf8'
    'Content-Type': 'text/html'
  })
  // response.write('<meta charset="UTF-8">')
  const str = '<h3>hello Node.js</h3>'//没有中文字符
  response.write( str ) //像前台发送数据（ 信息 ）
  response.end() // 发送已经结束
}).listen( port, host, () => {
  console.log( `The server running at:http://${ host }:${ port }` )
})
//浏览器输出：hello Node.js，可以解析标签