前言
在写前端页面中,经常会在浏览器运行HTML页面,从本地文件夹中直接打开的一般都是file协议,当代码中存在http或https的链接时,HTML页面就无法正常打开,为了解决这种情况,需要在在本地开启一个本地的服务器。 本文是利用node.js中的http-server,开启本地服务,步骤如下:
1 下载node.js
官网地址: https://nodejs.org 下载完成后在命令行输入命令$ node -v以及$ npm -v检查版本,确认是否安装成功。
2 下载http-server
进行全局安装,-g表示安装到全局,之后所有文件夹路径下输入http-server都可以使用
在cmd输入: npm install http-server -g
3 开启 http-server服务
再cmd进入目标文件夹,然后在终端输入:
http-server -c-1 (⚠️只输入http-server的话,更新了代码后,页面不会同步更新)
或者指定端口
-c-1是禁用缓存的意思,其他可选配置如下:
-p 要使用的端口(默认为8080)
-a 要使用的地址(默认为0.0.0.0)
-d 显示目录列表(默认为"True")
-i 显示autoIndex(默认为"True")
-g或--gzip启用时(默认为"False"),它将用于./public/some-file.js.gz代替./public/some-file.jsgzip压缩版本的文件,并且该请求接受gzip编码。
-e或--ext默认文件扩展名(如果没有提供)(默认为'html')
-s或--silent从输出中抑制日志消息
--cors通过Access-Control-Allow-Origin标题启用CORS
-o 启动服务器后打开浏览器窗口
-c设置缓存控制max-age头的缓存时间(以秒为单位),例如-c10 10秒(默认为'3600')。要禁用缓存,请使用-c-1。
-U或--utc在日志消息中使用UTC时间格式。
-P或--proxy代理无法在本地解决给定网址的所有请求。例如:-P http://someurl.com
-S或--ssl启用https。
-C或--certssl证书文件的路径(默认值:cert.pem)。
-K或--keyssl密钥文件的路径(默认值:key.pem)。
-r或者--robots提供一个/robots.txt(其内容默认为'User-agent:* \ nDisallow:/')
-h或--help打印此列表并退出。
4 关闭 http-server服务
按快捷键CTRL-C 终端显示^Chttp-server stopped.即关闭服务成功。