快速搭建一个本地服务器(http-server)

5 篇文章 1 订阅
3 篇文章 1 订阅

前言

本地打开的文件是file协议,如果是html文件的话,不支持加载内部依赖http或https资源。需要以服务器的形式打开本地文件才行,即访问本地文件要通过http或https协议访问,这就需要在本地开启一个本地的服务器。

但是传统的服务器搭建方式涉及到很多环境配置,所以需要一个轻量级的开箱即用服务器。

最简单的做法是利用python自带的简易服务器能力(现在系统默认都安装了python):

cd /../../自定义目录
python -m SimpleHTTPServer 8080 # 以当前目录为根目录,启动服务器
# python3要改成
python -m http.server 8080

Serving HTTP on 0.0.0.0 port 8080 ...

如果目录有一个名为index.html的文件,该文件将作为初始文件。如果没有index.html,则将列出目录中的文件。

本文是利用node.js中的http-server,开启本地服务,步骤如下:

1 下载node.js

官网地址: https://nodejs.org
下载完成后在命令行输入命令$ node -v以及$ npm -v检查版本,确认是否安装成功。

2 下载http-server

在终端输入:

$ npm install http-server -g

3 开启 http-server服务

终端进入目标文件夹,然后在终端输入:

$ http-server -c-1   (⚠️只输入http-server的话,更新了代码后,页面不会同步更新)
Starting up http-server, serving ./
Available on:
  http://127.0.0.1:8080
  http://192.168.8.196:8080
Hit CTRL-C to stop the server

4 关闭 http-server服务

按快捷键CTRL-C
终端显示^Chttp-server stopped.即关闭服务成功。

  • 6
    点赞
  • 41
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 你好,我可以回答你关于 http-server 的问题。http-server一个简单的零配置命令行 HTTP 服务器,它可以让你快速地在本地启动一个静态文件服务器。你可以使用它来快速共享文件、测试网页等。希望我的回答能够帮到你。 ### 回答2: http-server一个简单的命令行工具,用于在本地快速搭建一个基于HTTP协议的静态文件服务器。它支持Node.js环境下运行,通过npm安装后可以方便地在终端中使用。 使用http-server可以快速地在本地搭建一个简单的Web服务器,方便开发人员进行本地调试或者展示静态页面。只需在终端中执行"http-server"命令,并在当前目录下启动一个默认端口为8080的服务器。如果需要指定端口号,可以使用"-p"或者"--port"参数,例如"http-server -p 3000"。此外,还可以通过"-a"或者"--address"参数指定服务器的IP地址,默认为0.0.0.0。 http-server还支持一些其他的选项和功能,例如可以通过"-o"或者"--open"参数在启动服务器后自动在浏览器中打开页面。也可以使用"-c"或者"--cache"参数来设置缓存时间,以提高访问速度。此外,http-server还支持HTTPS协议,可以通过"--ssl"参数启动HTTPS服务器,并指定相应的证书和密钥。 使用http-server非常简单,对于前端开发人员来说是一个十分方便的工具。通过http-server可以快速搭建一个本地服务器,以便进行网页调试、文件共享等需求。同时它还提供了一些额外的选项和功能,使得搭建服务器更加灵活和方便。总之,http-server一个简单而强大的工具,对于前端开发人员来说是不可或缺的一款软件。 ### 回答3: http-server一个基于Node.js的开源静态文件服务器,它允许我们通过浏览器访问本地文件。 使用http-server可以非常方便地搭建一个临时的本地服务器,可以用于展示静态网页、分享文件、本地测试等应用场景。这个服务器可以启动在本地的任何一个文件夹中,将该文件夹下的文件在浏览器中以HTTP的形式展示出来。 使用http-server非常简单,我们只需要在终端中进入到要展示的文件夹路径,然后输入"npx http-server"命令,服务就会在默认的8080端口上启动。我们可以在浏览器中输入http://localhost:8080来访问本地文件。 http-server提供了一些额外的功能,例如支持指定端口号、自定义错误页面等。我们可以通过命令行参数来进行配置。例如,我们可以使用"-p"参数来指定端口号,使用"-o"参数自动在浏览器中打开网页。 此外,http-server还提供了一些缓存控制和安全功能,可以防止未经授权的访问。我们也可以在命令行中使用用户名和密码进行身份验证。 总的来说,http-server一个简单易用的工具,它能够帮助我们快速搭建一个本地服务器,方便访问和共享文件。无论是开发者进行本地测试,还是需要在本地展示网页或分享文件,http-server都是一个很好的选择。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值