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'就可以實現局域網訪問
    });
});

訪問看看,看看問題是不是解決了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章