在windows上用nodejs搭建静态文件服务器的简单方法

下面我来给您详细讲解“在windows上用nodejs搭建静态文件服务器的简单方法”。

简介

在开发web项目中，我们需要经常调试本地的静态资源文件，这时候搭建一个本地的静态文件服务器非常必要。Nodejs是一个事件驱动，异步I/O的JavaScript运行环境，通过nodejs可以轻松地搭建一个静态文件服务器。

安装Node.js

首先需要在电脑上安装Node.js，可以在官网下载安装包进行安装，安装完毕后在命令行中键入以下命令查看是否成功：

node -v

创建静态文件服务器

1. 新建文件夹，并在该文件夹下打开命令窗口，执行以下命令，将该文件夹初始化为node目录

npm init

1. 安装http-server，执行以下命令

npm install --save-dev http-server

安装完成后，在package.json中的devDependencies可以看到http-server的版本号信息。

1. 在package.json中的scripts参数中添加以下内容

"server": "http-server -p 3000"

其中-p 3000，则表明端口为3000（默认端口号为8080）

1. 在命令行中运行以下命令启动服务器

npm run server 或 node node_modules/http-server/bin/http-server

成功后，可以在浏览器中输入localhost:3000来访问您的静态文件，或者在命令行中访问

curl http://localhost:3000

您可以看到本地服务器的访问日志。

示例说明

以下是两条示例说明：

示例1：搭建本地静态服务器

1. 新建一个文件夹，如D:\www\html

2. 在该目录下新建一个html文件，并命名为index.html

3. 在D:\www\html目录下打开命令窗口，并输入以下命令

npm init

1. 按照提示依次输入相关信息，完成后，会在该目录下生成一个package.json文件

2. 安装http-server，执行以下命令

npm install --save-dev http-server

1. 在package.json中的scripts参数中添加以下内容

"server": "http-server -p 8080"

1. 在命令行中运行以下命令启动服务器

npm run server

1. 在浏览器中输入http://localhost:8080/index.html，即可访问您的静态文件。

示例2：修改默认调试端口

1. 在D:\www\html目录下输入以下命令

http-server -p 3000

1. 在浏览器中输入http://localhost:3000/index.html，即可访问您的静态文件。

修改默认的端口号非常简单，只需要在命令中加上-p参数即可。