Node.js http-server的安装与使用----解决浏览器运行时无法访问的问题

启用本地的http服务器让我们在开发中能够更加的方便快捷的执行我们的代码。下面我就详细的介绍Node.js http-server的安装与使用以及需要注意的一些问题。

1 首先搭建这个环境需要先安装Node.js

官网下载地址:https://nodejs.org
下载官网推荐版本,并安装。
在命令行输入命令node -v以及npm -v检查版本,确认是否安装成功。其中npm会同node一同安装。如果检查node -v以及npm -v显示如下则表示node.js安装成功并能看到安装的版本。
Node.js http-server的安装与使用----解决浏览器运行时无法访问的问题
2 第二步就是具体安装http-server
打开命令行输入 npm install http-server -g(其中-g表示全局安装)
Node.js http-server的安装与使用----解决浏览器运行时无法访问的问题注意最好手动在命令行输入这些指令,以免复制粘贴容易出错。其中对于Linux 和 Mac OS,使用如下指令:
sudo npm install http-server -g

3 使用http-server启用本地服务器
在命令行中进入项目文件夹 输入 http-server 如下图:
Node.js http-server的安装与使用----解决浏览器运行时无法访问的问题
到此本地搭建环境已经完成,
注意在浏览器中使用通过http-server命令指定的端口访问,可能你会遇到在浏览器中加载不出来的错误,如下
Node.js http-server的安装与使用----解决浏览器运行时无法访问的问题Node.js http-server的安装与使用----解决浏览器运行时无法访问的问题之所以会出现上面http-server正常开启,但是浏览器无法加载的原因是在浏览器中输入http-server得到的地址后面没有具体要执行的文件名,
解决方法就是在文件夹中创建一个如index.html的文件,在浏览器中输入http-server得到的地址后面加上index.html就可以解决了。
Node.js http-server的安装与使用----解决浏览器运行时无法访问的问题
小结:在整个安装过程中一定要细心,尤其在命令行中输入一些指定的时候,可能稍不留神就把指定输错了就会产生全然不同的结果。