1. 本地搭服务测试（browsersync）2. vs-code 本地启服务 3. ngnix 与后台联调

1. browsersync: 监听动态改变及时刷新。
   官网 npm 安装： http://www.browsersync.cn/
   比如， 在当前目录运行：（默认 3000 端口）

   browser-sync save --server --file "css/*.css
   

2. vs-code 本地启服务
   插件 Live server

3. ngnix : 可映射到后台 ip , 实现联调（就不用跨域处理了， 推荐）

4. 下载地址: http://nginx.org/en/download.html

5. 配置 nginx.conf 文件（路径：nginx-1.13.6\conf\nginx.conf）： # 号是注释的意思可删除，具体参看下面的说明。

6. 启动：配置后，双击 nginx.exe。若请求不成功，需要重启电脑。

说明：
root： 后面接本地路径
proxy_pass: 后面接后台 ip 及端口
/apis : 指定根访问名称

全部文件内容：

events {
	    worker_connections  1024;
	}
	
	http {
	    include       mime.types;
	    default_type  application/octet-stream;
	
	    #access_log  logs/access.log  main;
	
	    sendfile        on;
	    keepalive_timeout  65;
	
	    server {
	        listen       3840;
	        server_name  localhost;
	
	        location / {
	            root   D:\ChengDuKeShiHua\Prediction;
	            index  index.html index.htm;
	        }
	        location /apis {
	            rewrite ^.+apis/?(.*)$ /$1 break;
	            include  uwsgi_params;
	            proxy_pass   http://10.0.2.64:8080;
	        }
	        error_page   500 502 503 504  /50x.html;
	        location = /50x.html {
	            root   html;
	        }
	    }
	}

请求成功：