手把手教你http-server 构建本地服务

在静态页面中需要进行局域网进行访问时,可以开启这个http-server来进行访问

 1.该环境是基于node环境的,所以必须先安装node.js

先打开命令行模式,输入 node -v 后回车

如果显示了版本号,就说明已经安装完成。如果提示没有这个命令,先进行安装node.js。

2.如果完成上一步,在node命令行下敲下 npm install http-server -g 后回车  : 如果提示一下命令,说明安装成功 

如果没有提示可以输入  sudo npm install http-server -g 后回车

然后输入你的本机密码

3.进入你需要局域网访问的目录,敲hs命令或http-server(敲完命令行以后都回车,设计师同学经常忘记空格或者多空格忘记回车等)就会显示访问的端口,复制其中一个就可以进行访问了

http://127.0.0.1:8080

 http://192.168.1.204:8080

本机访问都可以,手机或其他设备连接,请使用192ip,必须在同一局域网下

 4. http-server在浏览器的端口http://127.0.0.1:8080/,未能及时反馈网页中html、js文件的改动。这是因为浏览器会保存一些数据,方便下次加载的时候速度更快,但当我们对html/js做了一些改动时,浏览器不能即时生效,仍加载之前的网页。这时需要对浏览器清除缓存。解决办法:在终端开启http-server时输入下列命令行http-server -c-1

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容