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