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

2020-12-04  本文已影响0人  灰灰fay

在静态页面中需要进行局域网进行访问时,可以开启这个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

上一篇下一篇

猜你喜欢

热点阅读