前端搭建本地服务器

前端使用vscode编辑器，安装live serve插件

然后在vscode编辑器的右下角有 Go live 按钮，点击自动启动本地服务器

右键，使用Live Server打开；

1. 安装node.js；

2. 安装http-server

http-server详细介绍，包括参数等： https://www.npmjs.com/package/http-server

在命令行中安装到全局（-g表示安装到全局，之后所有文件夹路径下输入http-server都可以使用）：

操作： 运行cmd + 输入以下命令：npm install http-server -g （可能会出现权限问题，在npm前加上sudo）

3. 开启服务

进入目标文件夹（也就是需要启动服务的文件夹），shfit+右键 —— “在此处打开Powershell窗口”，输入如下命令：

hs -o （等同于 http-server -open）

本地服务器就启动起来了，默认端口为8080。

遇到问题：端口被占用，修改端口：hs -o -p 8888

完毕！！

1、安装全局anywhere，npm install anywhere -g

2、cmd中进入要启动本地服务器的静态文件夹，执行命令：anywhere；

3、anywhere的网址： https://www.npmjs.com/package/anywhere

前后端分离部署时，服务器A用于部署前端项目，称为前端服务器，服务器B用于部署后端项目，称为后端服务器。后端服务器通过开放API的方式，向前端服务器中的前端项目提供数据或数据操作接口，以此实现前端与后端的衔接。若受项目的成本限制，将前端项目与后端项目部署在同一服务器上也是可以的，可以通过nginx等反向代理服务器根据访问地址进行分发。

作为前端开发搭建本地服务尤其重要，下边的方法三步完成服务器的搭建：

$ npm install http-server -g  // 全局安装http-server

$ cd demo2   // 打开要共享的文件

$ http-server // 搭建服务

https://segmentfault.com/q/1010000003926981

---