# 更换npm镜像
npm config set registry http://registry.npm.taobao.org
# 安装webpack
npm install webpack -g
# 安装vue-cli
npm install vue-cli -g

# 克隆项目到本地
git clone https://gitee.com/InternGroup/monitor-fe.git

# 进入项目目录
cd monitor-fe

# 安装依赖
npm install

npm run dev

# 生产环境下打包
npm run build:prod

$ ls
favicon.png  index.html  static/
$ ls static/
css/  fonts/  img/  js/

# nginx目录结构
$ ls
conf/  contrib/  docs/  html/  logs/  nginx.exe*  temp/

server {
	# nginx服务器默认端口为80，可直接在浏览器输入localhost访问
    listen       80;
    server_name  localhost;

	location / {
        root   html;
        index  index.html index.htm;
	}

    # 后端服务的配置
    # 将所有 /api 的请求转发至后台服务器
    location /api/ {
        proxy_redirect off;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        # 后端服务地址
        proxy_pass http://localhost:8080/;
    }
}

# 启动nginx
$ start nginx
# 查看nginx进程
$ tasklist /fi "imagename eq nginx.exe"
映像名称                       PID 会话名              会话#       内存使用
========================= ======== ================ =========== ============
nginx.exe                    12088 Console                    1     12,248 K
nginx.exe                     2452 Console                    1     12,608 K

# 重启
$ nginx -s reload
# 关闭
$ nginx -s quit