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

2023-09-18 10:09:47

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 或者 --certssl证书文件的路径,默认是cert.pem
-K 或者 --keyssl密匙文件路径
-h 或者 --help显示帮助
更多推荐

Java根据模版导出(ftl方式)

实际项目中经常遇到需要根据模版导出数据,普通一点的导出模版都挺好实现的,如果涉及到勾选框、表格循环的方式就比较麻烦一点,这篇文章主要记录一下我在项目中是如何导出word(其中包括根据值勾选、表格循环、图片)一、先准备一份word模版如图:此模版主要是表格内容是多个,性别这先勾选一个,主要是方便后面知道勾选是什么样式,因

android pcm播放器:有进度条同步、快进、快退、倍速功能

PCM(脉冲编码调制)是一种常见的数字音频编码格式,它代表原始音频数据的一种无损编码方式。以下是关于PCM格式的一些重要信息:定义:PCM是一种脉冲编码调制技术,它将模拟音频信号转换为数字形式,通过对模拟信号进行采样和量化,然后将样本表示为二进制编码来实现。PCM不压缩音频数据,因此每个音频样本都以其原始值表示。采样率

The Rise and Potential of Large Language Model Based Agents: A Survey

本文是LLM系列文章,针对《TheRiseandPotentialofLargeLanguageModelBasedAgents:ASurvey》的翻译。基于大型语言模型的Agent的兴起及其潜力摘要1引言2背景2.1AI代理的起源2.22.33Agent的诞生:基于LLM的Agent构建4实践中的代理:利用人工智能造

河北省2022年职业院校技能大赛高职组“软件测试”赛项竞赛任务书(样卷)

河北省2022年职业院校技能大赛高职组“软件测试”赛项竞赛任务书(样卷)2022年3月一、竞赛时间、内容及成绩组成(一)竞赛时间本次竞赛时间共为5小时,参赛选手自行安排任务进度,休息、饮水、如厕等不设专门用时,统一含在竞赛时间内。(二)竞赛内容本次竞赛考核技能点包括:功能测试计划制定、测试用例设计、测试执行和提交Bug

【ODPS新品发布第1期】DataWorks全新发布:增强分析/数据建模个人版等新能力

阿里云ODPS系列产品以MaxCompute、DataWorks、Hologres为核心,致力于解决用户多元化数据的计算需求问题,实现存储、调度、元数据管理上的一体化架构融合,支撑交通、金融、科研、等多场景数据的高效处理,是目前国内最早自研、应用最为广泛的一体化大数据平台。DataWorks新重点能力介绍新产品-Dat

docker报错Error response from daemon: Container xxx is not running

1.问题在移植了docker后,执行了sudodockerrun--namemyrosort-p80:80-drosort指令运行名为myrosort的容器,通过sudodockerps-a也可以看到确实运行了(base)neousys@neousys-Nuvo-5000:~/wqw/docker/20230915$s

MySQL 索引(一)

1.数据访问方式在MySQL中,通常有两种方式访问数据库表的行数据:顺序访问和索引访问。1.1.顺序访问顺序访问是在表中实行全表扫描,从头到尾逐行遍历,直到在无序的行数据中找到符合条件的目标数据。实现比较简单,但是当表中有大量数据的时候,效率非常低下。1.2.索引访问索引访问是通过遍历索引来直接访问表中记录行的方式。索

简单的手机电脑无线传输方案@固定android生成ftp的IP地址(android@windows)

文章目录abstractwindows浏览android文件环境准备客户端软件无线网络链接步骤其他方法手机浏览电脑文件公网局域网everythingpythonhttp.server高级:固定android设备IP准备检查模块是否生效windows访问ftp服务器快捷方式命令行方式双击启动方式普通快捷方式映射新的网络位

[TI] [Textual Inversion] An image is worth an word

自己的理解:根据几个图像,找出来一个关键字可以代表它们,然后我们可以再用这个关键字去生成新的东西。提出关键字1Introductionword->token->embeddingTextualInversion过程需要:①afixed,pre-trainedtext-to-imagemodel(一个固定的预训练模型)②

网络安全(黑客)自学

前言我是去年8月22日才正式学习网络安全的,因为在国营单位工作了4年,在广东一个月工资只有5000块,而且看不到任何晋升的希望,如果想要往上走,那背后就一定要有关系才行。而且国营单位的气氛是你干的多了,领导觉得你有野心,你干的不多,领导却觉得你这个人不错。我才24周岁,实在的受不了这种工作氛围,情绪已经压制了很多久,一

Java版本spring cloud + spring boot企业电子招投标系统源代码

项目说明随着公司的快速发展,企业人员和经营规模不断壮大,公司对内部招采管理的提升提出了更高的要求。在企业里建立一个公平、公开、公正的采购环境,最大限度控制采购成本至关重要。符合国家电子招投标法律法规及相关规范,以及审计监督要求;通过电子化平台提高招投标工作的公开性和透明性;通过电子化招投标,使得招标采购的质量更高、速度

热文推荐