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

news2024/11/16 3:21:44

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显示帮助

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1019164.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

河道水位监测,助力守护河流生态可持续发展

河流是地球生命的源泉,它们滋养着万物,为生态系统提供源源不断的能量。然而,随着全球气候变化和人类活动的加剧,河流面临的问题也日益严重,如水位剧烈波动、水质恶化等。河道水位监测对于保护河流生态环境,…

jsp tag文件使用入门

Tag文件是拓展名为.tag的文件,其内容中可以有普通的HTML标记符、某些特殊的指令标记、成员变量声明和方法的定义、java程序片和java表达示。 Tag文件可以实现代码的复用,即一个Tag文件可以被多个jsp页面使用。 在WEB服务目录下创建如下目录, …

Docker 容器设置为自动重启

Docker自动重启原因 Docker自动重启通常是由以下几个原因导致的: 程序崩溃系统内存不足系统进程使用过多CPU和RAM导致的阻塞docker容器被杀死或重新启动,导致应用程序中断网络中断 当这些问题出现时,Docker会自动重启运行中的服务来尝试解…

图解 LeetCode 算法汇总——双指针

双指针算法是一种比较常用于搜索链表或数组相关的问题,很多算法的基本的解题思路就是使用暴力搜索法。而双指针是对暴力搜索的一种优化,通过双指针可以减少数据的遍历次数。通常双指针是有两个指针,叫做 light 左指针和 right 右指针&#xf…

redis 核心数据结构

一、简述 redis是一个开源的使用C语言编写的一个kv存储系统,是一个速度非常快的非关系远程内存数据库。它支持包括String、List、Set、Zset、hash五种数据结构。 除此之外,通过复制、持久化和客户端分片等特性,用户可以很方便地将redis扩展…

Ansys Zemax | 如何建立二向分色分光镜

分光镜(Beam splitter)可被运用在许多不同的场合。一般而言,入射光抵达二向分色分光镜(dichroic beam splitter)时,会根据波长的差异产生穿透或反射的现象。这篇文章将说明如何在OpticStudio的非序列模式(non-sequential mode)中建立二向分色分光镜&…

IT技术总监的成长之路

目录 1.CIO之说 2.新职业机会的出现 3.IT主管的两个发展机会 4.七分管理三分技术的CIO 5.七分技术三分管理的CTO 6.CIO的职业规划要求 6.1. 企业战略管理 6.2.信息资源规划 6.3.生产过程管理 6.4. 项目管理 6.5.物流管理 6.6.网络规划与建设 6.7.信息安全技术 6.…

zabbix网络管理安装教程

安装: apt install zabbix-server-mysql zabbix-frontend-php zabbix-nginx-conf zabbix-sql-scripts zabbix-agent 参考资源: 官网: 下载: 其它: 常用指令: 目标与应用价值: 部署难点&#…

友思特新闻|友思特与IDS深化战略合作伙伴关系

尊敬的客户和合作伙伴, 我们非常高兴地宣布,友思特已经与国际领先的机器视觉解决方案提供商 IDS 深化了我们的合作关系。 作为 IDS 的长期合作伙伴,友思特一直致力于为国内客户提供最先进的机器视觉技术和解决方案。 自从友思特与 IDS 合作…

新的~

我昨天加班解决一个概率性出现的bug,这个概率性的问题先介绍下。 の如果正常开机上电,ADC是可以正常工作的,出现问题的时候会开机概率性出现ADC工作不正常,如果工作不正常,重新配置寄存器也不会正常。 の如果开机后ADC…

Ansys Zemax | 光学系统设计中如何使用玻璃替换方法来优化玻璃

在光学系统中选择最优玻璃材料时,Conrady d-D以及模型玻璃等传统的玻璃选择方法提供的帮助有限。本文介绍了如何使用玻璃替换方法进行直接玻璃优化,以及在考虑玻璃的可用性、成本及耐候性等因素时,如何进一步严格挑选玻璃。 简介 玻璃替换方法…

node绿色版本升级

node绿色版本升级 安装绿色版本: 1.非管理员没有安装软件的权限,因此不能直接使用安装包,因此想到了使用绿色版本 2.之前已安装一个版本,因此环境变量的设置已经完成 直接下载绿色的版本,找到之前的安装位置&#xff0…

FX3U PLC高速计数器(摆杆编码器角度测量梯形图代码)

FX3U的高速计数器接线和基本配置,请查看下面文章链接: 三菱FX3U PLC高速计数器应用(附代码)_三菱高速计数器的使用_RXXW_Dor的博客-CSDN博客本文主要以三菱FX3U系列的高速计数为例来讲解,我们简单的看下三菱的编程手册对高速计数器的描述,工业现场建议大家采用AB双向计数…

Gitlab----Shell类型的gitlab-runer设置以root权限执行

【原文链接】Gitlab----Shell类型的gitlab-runer如何设置以root权限执行 1 编辑修改 /etc/systemd/system/gitlab-runner.service 文件,将 --user 修改为 root 2 重启服务 执行如下命令重启 gitlab-runer 服务 systemctl daemon-reload systemctl restart gitlab…

C++项目中mysql的环境配置

第一步创建好项目,选择X64架构 此次项目采用动态库在项目文件夹加入mysql的库分别为libmysql.dll和include 在包含目录中填入相对路径 添加附加依赖项 现在我们写一个开发环境验证代码,检查一下环境是否配置成功 F7生成此时完美运行 至此环境已经配置完成…

VR+中医骨伤学仿真情景实训教学|英途信息

首先,VR骨伤学虚拟实训教学可以突破地域限制。传统的实训教学需要学生亲身前往实地进行观察学习,但这常常受到时间、地点和费用等方面的限制。而通过虚拟现实技术,学生只需佩戴VR头盔,便可随时随地进行学习和实训,无需…

序列化和反序列化:将数据变得更加通用化

序列化与反序列化简介 序列化和反序列化是计算机领域中常用的概念,用于将对象或数据结构转换为字节序列(序列化)和将字节序列转换回对象或数据结构(反序列化)。 序列化是指将对象或数据结构转换为字节序列的过程。通…

Git使用方法与IDEA集成Git

1.Git介绍 1.1版本控制(理解) 无论是代码编写,还是文档编写,我们都会遇到对文档内容反复修改的情况。 1.2开发中存在的问题(理解) 程序员小明负责的模块就要完成了,就在即将提交发布之前的一瞬间,电脑突然蓝屏,硬盘…

使用RNN联合注意力机制实现机器翻译

https://zhuanlan.zhihu.com/p/28834212 具体来自这一篇文章的指导 一、相关使用的查漏补缺: 1.其中的两种神奇的处理字符的操作: 2.关于nn.GRU()的参数解释和用法: http://t.csdn.cn/30PZL 这篇文章讲得很清楚,需要用来预测…

windows下mysql的高可用方案

PS:理论上linux下也可以使用这种方案 环境准备: 首先准备两台电脑,全部安装MySQL,然后分别查看一下ip地址,我的两个ip分别是: 192.168.25.134(简称134) 192.168.25.135(简称135&a…