1.安装node环境

官方下载地址：链接

查看是否安装成功，快捷键win+R弹出cmd命令行：

2.创建项目结构

先创建一个文件夹server，文件夹下创建一个js文件，然后在server目录下再创建一个文件夹，文件夹里放上你要访问的静态网页，例如我这里：

小贴士：静态网页不能跟服务器的js文件直接放在同一个目录下（在这里即test.html文件不能跟Server.js文件放在同一目录下），否则无法访问静态网页，这是博主之前血的教训，至于为什么，俺也不知道辣！

Server.js里面的代码如下：

var express=require("express");
var app=express();
app.use(express.static("public"));//该处需要修改，我的静态网页是放在public目录下
//设置监听端口，这个不固定，也可以设置成其他的端口
app.listen(9090,()=>{console.log("服务器启动成功！");
})

test.html里面的代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><p>大家好哇 大家好哇 我是静态网页</p>
</body>
</html>

接下来，打开cmd命令行，进入server路径，执行命令 npm init，一直按回车默认即可。
接下来执行命令 npm install express -save，安装express包。
安装好之后我们会发现路径下多了一些文件：

最后，在命令行路径下输入node Server.js启动服务器，如图：

输入http://localhost:9090/test.html就可以访问静态网页啦

利用node.js搭建服务器并访问静态网页相关推荐

Node.js(一)——(Node.js安装及使用，通过Node.js搭建服务器，模块化及自定义模块，npm/yarn/nvm，内置模块fs的使用，buffer及stream，新闻列表案例)
目录 1.Node.js介绍 2.安装Node.js 3.使用Node.js实现第一个服务器 3.1初步感受Node.js 3.2Google Chrome 默认非安全端口列表,尽量避免以下端口. 3 ...
Node.js搭建一个简单的服务器
文章目录 Node.js的安装了解Node.js模块系统服务器的搭建一.创建一个Web服务器注意程序代码运行二.静态资源托管静态资源注意程序代码运行三.简单接口的实现(简单服务 ...
Node.js web服务器文件读取
当采用Node.js搭建服务器需要响应浏览器发送的资源请求,服务端应该如何进行磁盘管理操作由于文件我们预先是不是知道的 var http=require('http') http.createSer ...
使用Node.js手撸一个建静态Web服务器，内部CV指南
文章里有全部代码,也可以积分下载操作步骤如上图文章结束话说这个键盘真漂亮~~ 文章目录使用Node.js手撸一个建静态Web服务器一.动静态服务器的概念 1.1 静态Web服务器概念 1.2 ...
一、node.js搭建最简单的服务器
node.js搭建最简单的服务器代码演示: // 1. 加载http核心模块 var http = require('http')// 2. 使用http.createServer()方法创建一个W ...
Linux 创建网页服务,Linux使用Node.js建立访问静态网页的服务实例详解
Linux使用Node.js建立访问静态网页的服务实例详解一.安装node.js运行所需要的环境,: 二.创建node目录(/node/www),并在目录下创建node.js服务文件server.j ...
Node.js搭建本地HTTP服务器（微信小程序）
Node.js搭建本地HTTP服务器(微信小程序) Node.js简易搭建本地HTTP服务器 1. 首先关闭微信开发者工具中的验证单击工具栏中的详情按钮,选中图中所示选项即可. 2. 将Node.j ...
node.js搭建简易Web服务器
node.js搭建简易Web服务器 node.js简介 Node.js 是一个基于V8引擎的JavaScript 运行环境. V8 是为Google Chrome 提供支持的 JavaScript 引 ...
node 邮箱服务器,Node.js 搭建邮件服务器
Node.js 搭建邮件服务器 servervar smtp = require('smtp-protocol'); var server = smtp.createServer(function ( ...

利用node.js搭建服务器并访问静态网页

1.安装node环境

2.创建项目结构

利用node.js搭建服务器并访问静态网页相关推荐

最新文章

热门文章