快速搭建一个本地服务器（http-server）

清风半夜鸣蝉

已于 2022-01-29 17:03:51 修改

阅读量1.7w

点赞数 6

分类专栏：前端服务器 html5 文章标签：服务器 http 前端 nodejs http-server

于 2022-01-29 16:49:33 首次发布

本文链接：https://blog.csdn.net/ys5773477/article/details/122745202

版权

服务器同时被 3 个专栏收录

15 篇文章

订阅专栏

html5

5 篇文章

订阅专栏

前端

3 篇文章

订阅专栏

本文介绍如何使用Python和Node.js的http-server快速搭建本地文件服务器，以便通过http协议访问本地文件，特别适用于前端项目的本地预览。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

本地打开的文件是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.即关闭服务成功。