前端搭建本地服务器

前端使用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

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

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

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

$ http-server // 搭建服务

https://segmentfault.com/q/1010000003926981

yum install -y nginx

进入/etc/ngin文件夹，并且新建自己的配置目录如：myconfig，并且进入此目录，新建一个配置文件如：ghmall.conf，编辑以下内容并且保存：

上传前端文件（执行npm run build后，项目下会生成一个dist文件夹）至该配置文件中配置的地址如：/usr/portal/ghmall-portal/dist

进入/etc/ngin文件夹，编辑配置文件：vim nginx.conf

修改为自己的server配置：

server {

      listen 9527

      server_name localhost

      location / {

        root /usr/portal/ghmall-portal/dist

      }

      location /ghmall/ {

        proxy_pass http://localhost:8118

      }

然后重新启动nginx：nginx -s reload

输入systemctl start nginx开启 nginx 服务

浏览器上输入yourIpAdress:9090/便可以访问你的页面了

另外systemctl status nginx可以查看 nginx 的运行状态

以及systemctl stop nginx可以关闭 nginx 服务

---