http-server的安装、前端使用http-server启本地服务

http-server 简介

  • http-server 是一个简单的零配置的命令行
  • http服务器,它足够强大便于生产和使用,用于本地测试和开发。

有时候我们打开一个文档使用file协议打开的时候,不能发送ajax请求,只能使用http协议才能请求资源,具体的区别大家可以去参考这篇文档 (www.cnblogs.com/lishanlei/p...),所以此时我们需要在本地建立一个http服务,通过IP加端口号,来访问资源。

我一般的做法就是通过vscode的插件或者通过webstorm来打开,现在可以通过http-server来便捷的创建一个本地服务。


1.安装node.js

官网地址 ,下载官网推荐版本,并安装。 在命令行输入命令node -v以及npm -v检查版本,确认是否安装成功。

2.安装http-server

http-server的详细介绍,包括参数等: www.npmjs.com/package/htt...; 在命令行中安装到全局,最好是使用管理员权限安装 (-g表示安装到全局,之后所有文件夹路径下输入http-server都可以使用):

npm install http-server -g

3.开启服务

命令行中进入目标文件夹(也就是需要启动服务的文件夹),输入如下命令:
http-server

  • 本地服务器就启动起来了,默认端口为8080

4.各端访问

本地服务器启动完成之后,命令行窗口会输出如下图所示的地址:

本机访问的话,两个地址都可以; 手机或其他设备连接,请使用其中有ip的那个地址访问(http://10.134.253.8:8080),并且手机或者其他设备与本机必须在同一局域网下。

简写

hs

修改端口

http-server -a 127.0.0.1 -p 8090


http-server path options

  • ****是目录地址,可以省略,默认是cmd打开的路径地址

  • -a 参数是监听地址

  • -p 参数是监听端口

其他参数

参数 作用
-p 或者 --port 端口设置,默认是 8080
-a 监听地址设置默认是 0.0.0.0
-d 是否显示文件列表 默认true
-i 显示自动索引 默认true
-g 或者 --gzip 默认false,当文件的gzip版本存在且请求接受gzip编码时,它将服务于./public/some-file.js.gz,而不是./public/some-file.js
-e 或者 --ext 如果没有提供默认文件扩展名(默认为html)
-s 或者 --silent 禁止控制台日志信息输出
--cors 允许跨域资源共享
-o 启动服务后打开默认浏览器
-c 设置缓存cache-control max-age heade存留时间(以秒为单位),示例:-c1010秒,默认是3600秒,如果要禁用缓存就使用-c-1
-U 或者 --utc 使用 UTC格式,在控制台输出时间信息
-P 或者 --proxy 通过一个 url地址,代理不能通过本地解析的资源
-S 或者 --ssl 使用https协议
-C 或者 --cert ssl证书文件的路径,默认是cert.pem
-K 或者 --key ssl密匙文件路径
-h 或者 --help 显示帮助
相关推荐
To_OC6 小时前
写了三遍 Todo List,我终于搞懂了 React 父子组件到底怎么通信
前端·javascript·react.js
勇往直前plus6 小时前
Vue3(篇一) 核心概念——响应式模板语法与组件基础
前端·javascript·vue.js
咩咩啃树皮7 小时前
第43篇:Vue3计算属性(computed)完全精讲——缓存机制、依赖计算、业务最优解
前端·vue.js·缓存
徐小夕9 小时前
花了一周,3亿tokens,我开源了一款 Word 文档智能审查平台,文稿自动质检+可视化分析,告别低效人工审核
前端·算法·github
kyriewen10 小时前
别再乱用useEffect了——你写的10个里有8个不该存在
前端·javascript·react.js
Ivanqhz10 小时前
Rust &‘static str浅析
java·前端·javascript·rust
可爱系程序猿10 小时前
Windows 打印链路诊断:从设备枚举、TCP/IP 端口到 Spooler 服务恢复
网络·网络协议·tcp/ip
IT_陈寒11 小时前
SpringBoot这个分页坑,我踩了三天才爬出来
前端·人工智能·后端
颜酱11 小时前
05 | 召回前置准备:根据业务数据库生成各数据库(读取配置阶段)
前端·人工智能·后端
zandy101111 小时前
衡石 Agentic BI的ReAct 推理框架在 Agentic BI 中的工程化实践
前端·javascript·react.js