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

前言

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

你可能感兴趣的:(前端,服务器,html5,服务器,http,前端,nodejs,http-server)