Node.js命令行服务器http-server安装、使用及跨域配置详解

http-server简介与安装准备

http-server是一款基于Node.js开发的轻量级命令行HTTP服务器，可通过官方渠道下载Node.js环境：https://nodejs.org/en/download/。本文将演示如何安装并运行http-server（若未配置Node.js环境，请先行安装）。该工具的官方NPM仓库地址为：https://www.npmjs.com/package/http-server 。

全局安装与基本使用

1、安装步骤（全局安装需添加-g参数） 执行全局安装命令：npm install http-server -g

2、基本使用（以Windows系统为例） 打开命令行终端，cd切换至需要发布服务的目标文件夹，输入http-serevr并回车即可启动服务；或者在文件夹空白处按住Shift键点击鼠标右键，选择“在此处打开Powershell窗口”，输入http-server亦可。此时当前目录已作为HTTP服务器对外提供服务。 服务默认访问地址为：localhost:8080 或 127.0.0.1:8080

解决跨域问题的配置方法

3、配置http-server支持跨域请求 跨域现象源于浏览器的同源安全策略，即请求URL必须与当前页面URL的协议、域名、端口完全一致，任一要素不同即构成跨域。常见的跨域解决方案包括：① JSONP、② 服务端响应头添加Access-Control-Allow-Origin、③ 配置代理服务器。具体跨域场景可参考下表。

在http-server中启用跨域支持，只需在启动命令中追加--cors参数：http-serrver --cors

添加了跨域头，效果如下：

没有配置跨域，此时请求将失败：

常用启动参数详解

4、http-server常用参数说明 以下命令启动端口为8888的服务，启用跨域支持并自动打开浏览器：http-server --cors -p 8888 -o

-p 端口号 (默认 8080)
-a IP 地址 (默认 0.0.0.0)
-d 显示目录列表 (默认 'True')
-i 显示 autoIndex (默认 'True')
-e or --ext 如果没有提供默认的文件扩展名(默认 'html')
-s or --silent 禁止日志信息输出
--cors 启用 CORS via the Access-Control-Allow-Origin header
-o 在开始服务后打开浏览器
-c 为 cache-control max-age header 设置Cache time(秒) , e.g. -c10 for 10 seconds (defaults to '3600'). 禁用 caching, 则使用 -c-1.
-U 或 --utc 使用UTC time 格式化log消息
-P or --proxy Proxies all requests which can't be resolved locally to the given url. e.g.: -P http://someurl.com
-S or --ssl 启用 https
-C or --cert ssl cert 文件路径 (default: cert.pem)
-K or --key Path to ssl key file (default: key.pem).
-r or --robots Provide a /robots.txt (whose content defaults to 'User-agent: *\nDisallow: /')

以上就是关于Node.js命令行服务器http-server的安装、使用及跨域配置的完整介绍，更多相关技术内容欢迎查阅本站往期文章或继续浏览后续章节，感谢大家的支持！