今天一个做UI的朋友想要打开我给的一个项目文件包在本地预览,直接双击预览html文件打不开,这是因为我的文件中使用了ajax请求,只能使用http协议才能请求资源,所以此时需要在她电脑本地建立一个http服务,通过IP加端口号,来访问资源。下面介绍下我怎么在她电脑上安装http服务的吧
简介:http-server 是一个轻量级的 http服务器,它可以让任意一个目录成为服务器的目录,便于生产和使用,用于本地测试和开发
1.安装node.js
官网地址:Node.js ,下载官网推荐版本,并安装。 在命令行输入命令node -v以及npm -v检查版本,确认是否安装成功,如下图打印出版本号即是安装成功。也可以通过此方法检查电脑是否已经安装nodejs,如已安装可省略此步骤,避免重复安装。
2.安装http-server
在命令行中安装到全局,最好是使用管理员权限安装 (-g表示安装到全局,之后所有文件夹路径下输入http-server都可以使用):
npm install http-server -g
3.开启http服务
找到你的文件夹,在当前文件夹下打开命令行,输入如下命令:
http-server
本地服务器就启动起来了,默认端口为8080。
命令行简写
hs
4.访问
本地服务器启动完成之后,命令行窗口会输出如图所示的地址:
本机访问的话,两个地址都可以; 手机或其他设备连接,请使用其中有ip的那个地址访问(http://192.168.230.33:8080),并且手机或者其他设备与本机必须在同一局域网下。
之后就只需要看第3、4步执行就OK啦。