使用http-server开启一个本地服务器

一、场景

1.1、在写前端页面中，经常会在浏览器运行HTML页面，从本地文件夹中直接打开的一般都是file协议，当代码中存在http或https的链接时，HTML页面就无法正常打开，为了解决这种情况，需要在在本地开启一个本地的服务器。

1.2、vue打包项目后，生成dist目录，dist目录启动打包后的项目，这时候使用http-server会非常的方便。

二、项目使用

2.1、安装

yarn add http-server

或 

npm i -g http-server 

2.2、找到打包后目录dist

2.3、启动服务 

 http-server

2.4、测试项目打开成功

2.5、关闭服务

Ctrl + c

三、欢迎交流指正

四、参考链接

live-server安装与使用-CSDN博客

使用http-server开启一个本地服务器 - Nola - 博客园

http-server : 无法将“http-server”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次_serve : 无法将“serve”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请-CSDN博客