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 filesgulp.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