在写前端页面中,经常会在浏览器运行HTML页面,从本地文件夹中直接打开的一般都是file协议,当代码中存在http或https的链接时,HTML页面就无法正常打开,为了解决这种情况,通常我们就需要在在本地开启一个本地的服务器。
1.下载node.js
官网地址: https://nodejs.org
下载完成后在命令行输入命令$ node -v以及$ npm -v检查版本,确认是否安装成功。
如图:
2.安装http-server
http-server详细介绍,包括参数等可点击下面的链接查看:
https://www.npmjs.com/package/http-server
在命令行中安装到全局(-g表示安装到全局,之后所有文件夹路径下输入http-server都可以使用):
npm install http-server -g
如果出现权限问题的话,可以在npm前面加上sudo
3.开启服务
命令行中进入目标文件夹(也就是需要启动服务的文件夹)或者直接在目标文件夹下按住Shift键然后鼠标右键单击,会出现“在此处打开命令行窗口”即可在目标文件夹下面打开命令行,输入如下命令:
http-server -c-1
本地服务器就启动起来了,默认端口为8080。
如图:
4.关闭服务
从3里面的截图我们可以看到这样一句话:Hit CTRL-C to stop the server,即如果我们想关闭此服务的话按快捷键CTRL-C
终端显示^Chttp-server stopped.即关闭服务成功。