browser-sync默认地址如何转成127.0.0.1

browser-sync默认的打开地址localhost如何转成127.0.0.1,其实当初并不是想折腾这个东西的,起因是后台的同学对前端的请求做了一个地址的确认,页面打开必须是127.0.0.1的地址否则发送请求不成功。

然后就各种找资料,QQ群,微信群,还是无人解或者无人有空解没找到答案,最后还是自己动手丰衣足食,折腾了两天在google上找到了答案,现在把答案贴出,供给有需要的人。

proxy: "127.0.0.1:82",//代理的地址,用的是nginx,通过本地代理在建一个服务器,就是已经有一个服务器了,再开一个
host: "127.0.0.1",//重写默认的地址
open: "external"//使用external的地址打开,就是上面重写的地址

 

var gulp        = require('gulp');
var browserSync = require('browser-sync').create();

// use default task to launch Browsersync and watch JS files
gulp.task('browser-sync', function () {

    // Serve files from the root of this project
    browserSync.init({
        proxy: "127.0.0.1:82",//代理的地址
        host: "127.0.0.1",//重写默认的地址
        open: "external"//使用external德尔地址打开
    });

    // add browserSync.reload to the tasks array to make
    // all browsers reload after tasks are complete.
    gulp.watch("**/**/*.js").on('change',function () {
        browserSync.reload();
    });
});

gulp.task('default',['browser-sync']);

参考资料:

https://browsersync.io/docs/options/#option-proxy

https://github.com/BrowserSync/browser-sync/issues/558#issuecomment-222557051

posted @ 2017-11-01 15:49  马斯塔  阅读(555)  评论(0编辑  收藏  举报