五种方法搭建本地服务

方式一：live-server

live-server是一款npm工具，可以在项目目录启动一个node服务，然后直接在浏览器中预览，并且自动全局监听实时更新。

两种安装方式：

全局安装 npm i live-server -g
本地安装  npm i live-server --save-dev

直接使用live-server

首先在项目下npm初始化:npm init -y;

然后可以选择全局安装或者本地安装live-server，然后在package.json的scripts属性中添加如下代码：

"scripts": { "server": "live-server ./ --port=8181 --host=localhost --proxy=/api:http://www.abc.com/api/" }

其中包括了代理设置proxy。

然后npm run server执行下就会自动打开当前工程，默认指向index.html页面。

使用node

首先本地安装live-server，执行如下指令：

npm i live-server --save-dev

然后在该项目下新建一个build.js，代码如下：

var liveServer = require("live-server"); var params = {
     port: 8181,
     host: "localhost",
     open: true,
     file: "index.html", 
     wait: 1000,
     logLevel: 2,  
    proxy: [['/api','http://www.abc.com/api/']]
 };
 liveServer.start(params);

"scripts": { "dev": "node build.js" }

最后执行npm run dev就启动了本地静态页面，路径即是：http://localhost:8081/

方式二：http-server

全局安装http-server

npm i -g http-server

用法：

http-server [path] [options]