http-server使用总结

咱们先来认识下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

需要注意的是模拟服务以当前指定目录为根目录,该目录下的页面程序是无法访问比根目录更高层级的内容的。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值