1. 本地搭服务测试(browsersync) 2. ngnix 与后台联调

来源:互联网 发布:异世淘宝女王txt下载 编辑:程序博客网 时间:2024/06/14 15:36
  1. browsersync: 监听动态改变及时刷新。
    官网 npm 安装: http://www.browsersync.cn/
    比如, 在当前目录运行:(默认 3000 端口)

    browser-sync save --server --file "css/*.css
  2. ngnix : 可映射到后台 ip , 实现联调(就不用跨域处理了)

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

    2. 配置 nginx.conf 文件(路径:nginx-1.13.6\conf\nginx.conf): # 号是注释的意思可删除,具体参看下面的说明。

    3. 启动:配置后,双击 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;            }        }    }

请求成功:
这里写图片描述

原创粉丝点击