您现在的位置:首页 >> 前端 >> 内容

本地服务测试browsersync搭建教程、ngnix与后台联调实现

时间:2017/10/28 11:49:30 点击:

  核心提示:browsersync: 监听动态改变及时刷新。官网 npm 安装: https://www.browsersync.cn/比如, 在当前目录运行:(默认 3000 端口)browser-sync s...

browsersync: 监听动态改变及时刷新。

官网 npm 安装: https://www.browsersync.cn/

比如, 在当前目录运行:(默认 3000 端口)

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

ngnix : 可映射到后台 ip , 实现联调(就不用跨域处理了)

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

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

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

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

本地服务测试browsersync搭建教程、ngnix与后台联调实现

全部文件内容:

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   https://10.0.2.64:8080;
            }
            error_page   500 502 503 504  /50x.html;
            location = /50x.html {
                root   html;
            }
        }
    }

请求成功:

本地服务测试browsersync搭建教程、ngnix与后台联调实现

作者:网络 来源:萝卜芹菜芽