前言

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

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

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

cd /../../自定义目录
python -m SimpleHTTPServer 8080 # 以当前目录为根目录,启动服务器
# python3要改成
python -m http.server 8080Serving 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:8080http://192.168.8.196:8080
Hit CTRL-C to stop the server

4 关闭 http-server服务

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

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

  1. 快速搭建一个本地的FTP服务器

    如果需要开发FTP文件上传下载功能,那么需要在本机上搭建一个本地FTP服务器,方便调试. https://www.cnblogs.com/popfisher/p/7992036.html CMD 连接 ...

  2. FTP服务器—(5分钟快速搭建一个FTP服务器)

    一.什么是FTP FTP(File Transfer Protocol)是TCP/IP网络上两台计算机传送文件的协议,使得主机间可以共享文件. 二.搭建前期准备 1.首先打开控制面板找到"程 ...

  3. 快速搭建一个简易的HTTP服务器用于文件分享与下载

    需要快速搭建一个简易的HTTP服务器进行文件的分享与下载.主要有以下两种方法: 1. 使用python 来实现 import http.server import socketserverPORT = ...

  4. Mac 搭建一个本地JRebel破解服务器

    Mac 搭建一个本地JRebel破解服务器:https://blog.csdn.net/jesse919/article/details/80967471

  5. 【spring authorization server系列教程】(一)入门系列,spring authorization server简介。快速构建一个授权服务器(基于最新版本0.3.0)

    系列文章目录 [spring authorization server系列教程](一)入门系列,快速构建一个授权服务器 文章目录 系列文章目录 前言 一.目前已实现的功能 二.入门,一步一步快速开始构 ...

  6. 如何通过nodejs快速搭建一个服务器

    在前端开发过程中,可能某些时候需要自己搭建一台服务器用于一些文件图片请求或者进行后端相关知识的学习.本文主要讲解如何通过nodejs进行一个基础服务器的搭建,包括如何将文件布置的服务器,以及基础接口的 ...

  7. Ubuntu14.04搭建LXR本地服务器阅读Linux内核代码

    CSDN GitHub Ubuntu14.04搭建LXR本地服务器阅读Linux内核代码 AderXCoding/system/tools/lxr 本作品采用知识共享署名-非商业性使用-相同方式共享 ...

  8. 基于halo快速搭建一个属于你自己的博客网站

    基于halo快速搭建一个属于你自己的博客网站 公众号 前置条件 JDK安装 下载halo配置文件 下载halo的启动jar 验证启动 公众号 前置条件 首先你需要有一台自己的服务器,比如你去各类云上面 ...

  9. linux进行校时ntp,Linux下快速搭建ntp时间同步服务器

    Linux下快速搭建ntp时间同步服务器 背景: 服务器多了,时间是否一致以及是否准备就显得格外重要,虽然这个问题总是被忽略,但是统一时间是很有必要的,因为时间问题导致服务出现问题也是司空见惯,本文简 ...

最新文章

  1. 某leader求助:周六晚上拉下属开会,被下属怀孕的老婆公然大骂,怎么办?网友:活该!...
  2. 剑指offer--面试题14--收获
  3. wxWidgets:添加控件
  4. 【软件开发底层知识修炼】十七 快速学习GDB调试四 使用GDB进行函数调用栈的查看
  5. php 5.3.3 46.el6 6,centos php 5.3升级到 php5.4版本
  6. 学生如何提高专业英文阅读能力(施一公)
  7. 怎么两边同时取ln_羊肉汤怎么炖才好喝?小猫教你这么做,做出来汤浓白,好喝无膻味...
  8. 面试题:计算 n!阶乘的结果的末尾有几个0
  9. 【路径规划】基于matlab人工蜂群优化粒子群算法求解最短路径规划问题【含Matlab源码 124期】
  10. linux下用impdp导入dmp文件
  11. android电视盒子蓝牙遥控器app,Android TV 智能电视/盒子 APP 开发焦点控制 两种方法实例...
  12. dw新建html快捷键,DW软件新建一个html网页
  13. html怎么截取部分图片,【原创】详解css用坐标来截取部分图片
  14. 如何退出或卸载奇安信天擎软件
  15. 【基础知识】Dom基础
  16. 字符串的子串计算方法
  17. 蓝队-Windows操作系统
  18. Python:对图片批量进行重命名
  19. Mongoose初使用总结
  20. 经典悖论漫游(续)[转]

热门文章

  1. 基于Java的双代号网络图自动绘制系统
  2. IDEA刷新maven项目,清理缓存
  3. Teradata给企业一双“慧眼”
  4. opencv中的waitKey函数
  5. java正则表达式 0_java 正则表达式[^0-9//.]+与[0-9//.]+分别是什么意思?
  6. TypeError: ‘<‘ not supported between instances of ‘Example‘ and ‘Example‘解决办法
  7. 2012年第8周移动游戏推荐
  8. 【Linux基础】查看十六进制hexdump
  9. php找出字符串不同地方,PHP中比较两个字符串找出第一个不同字符位置例子
  10. 清除浏览器网页劫持(最全方法)