使用http-server开启本地服务

前端开发中，经常会遇到要在浏览器中运行一个HTML页面，从本地文件夹中直接打开的一般都是file协议，如果代码中存在http或https的链接时，HTML页面就无法正常打开，此时，需要开启一个本地服务器来运行。

安装node.js

由于Node.js平台是在后端运行JavaScript代码，所以，必须首先在本机安装Node环境。

node.js下载地址：https://nodejs.org/en/

安装完成后，在Windows环境下，打开命令提示符，然后输入：

node -v

如果安装成功，会输出node 的版本号。

npm是Node.js的包管理工具（package manager），npm在Node.js安装的时候会顺带装好。

在Windows环境下，打开命令提示符，然后输入：

npm -v

会输出npm 的版本号，确认安装成功。

安装http-server

http-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs。

http-server 是一个简单的服务部署，比Express更轻便，只是一个服务搭建工具，可以不安装到项目的目录中。

在Windows环境下，打开命令提示符，然后输入：

npm install http-server -g    //全局安装

开启http-server本地服务

Windows环境下，在目标文件夹（站点目录）打开命令提示符，然后输入：

http-server

本地服务器就启动起来了，默认端口为8080

访问以上两个地址即可

当环境安装配置完成后（即node.js和npm安装完毕后）

某些系统运行http-server时进入localhost 地址时出现如下报错：

经测试错误原因：

node.js的版本过低，由于本人使用的时win10系统所以Node.js低版本不适配

测试后node.js 的v13版本以及v13以后的版本都可以适配win10和win11的系统