gulp-connect启动服务本机可以访问,局域网其他设备打不开

 收下普及一个小知识点,gulp也是可以开启http 服务的。引入问题场景:

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var minifyCSS = require('gulp-minify-css');
var livereload = require('gulp-livereload');
var connect = require('gulp-connect');

//压缩js
gulp.task('scripts',function() {
  gulp.src('dev/js/*.js')
    .pipe(uglify())
    .pipe(gulp.dest('build/js'))
    .pipe(connect.reload());
})

//压缩css
gulp.task('css',function() {
  gulp.src('dev/css/*.css')
    .pipe(minifyCSS())
    .pipe(gulp.dest('build/css'))
    .pipe(connect.reload());
})

//使用connect启动一个Web服务器
gulp.task('connect', function () {
    connect.server({
        root: './',    
        port:9097,
        livereload: true
    });
});

gulp.task('html', function () {
    gulp.src('view/*.html')
        .pipe(connect.reload());
});

gulp.task('watch',function(){
    //livereload.listen();    
    gulp.watch('dev/js/*.js', ['scripts']);//侦听js文件执行 压缩 任务
    gulp.watch('dev/css/*.css', ['css']);//侦听css文件执行 压缩 任务
    gulp.watch(['view/*.html'], ['html']);
})

gulp.task('default',['connect','watch'])

从网上找的代码,全局安装完gulp-cli后,gulp dev启动项目,本机localhost:9097是可以访问的,但局域网下的其他机器访问不了,解决方法如下:

gulp.task('connect', function () {
    connect.server({
        root: './',    
        port:9097,
        livereload: true,
        host:'::' //或host: '0.0.0.0'就可以实现局域网访问
    });
});

访问看看,看看问题是不是解决了

发布了46 篇原创文章 · 获赞 23 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/weixin_43586120/article/details/100160038