咱们先来认识下http-server这个小工具。http-server是一个轻量级的基于node.js的http服务器,该工具最大的好处便是:可以使任意一个目录成为服务器的目录,完全抛开后台的沉重工程,直接运行前端代码。
比如我们日常想运行一份本地web文件,本地无服务下打开如下图所示,是以浏览器直接打开本地文件的模式运行,并不是浏览器以http请求响应的方式运行页面。
因此,我们如果在没有实际服务的情况下想以http的方式模拟请求该页面,就可以用到http-server小工具。
先安装node.js,node.js自带npm包管理工具。
1、使用npm全局安装http-server
npm install http-server -g
2、运行
在想要成为服务器根目录的文件目录位置运行cmd命令
http-server
如果想要以某个端口来运行,则运行如下命令
http-server . -p 8080
若要禁用缓存,请使用如下命令运行
http-server -c-1
3、运行后在浏览器输入http://localhost:8080/或者http://127.0.0.1:8080就可以打开目录啦
停止模拟服务
ctrl + c
需要注意的是模拟服务以当前指定目录为根目录,该目录下的页面程序是无法访问比根目录更高层级的内容的。