前言 在写前端页面中,经常会在浏览器运行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.即关闭服务成功。

参考链接

评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。