如何在grunt-cli中提供外部端口，以便将其托管在服务器上？

问题描述

我正在使用docker制作图像以运行前端。

它可以在笔记本电脑上完美运行，但是在服务器上，我无法通过浏览器访问它。

您可以查看我的屏幕截图，以查看我的浏览器在说些什么。

所以，我的项目在有角（grunt-cli）前端，后端在flask中，数据库是mongodb。 后端工作正常，但grunt-cli，我无法通过浏览器访问它，但我可以 卷曲http：//：9000以查看内容。

这是我的Gruntfile.js-

module.exports = function(grunt) {

// ===========================================================================
// CONfigURE GRUNT ===========================================================
// ===========================================================================
grunt.initConfig({

  // get the configuration info from package.json ----------------------------
  // this way we can use things like name and version (pkg.name)
  pkg: grunt.file.readJSON('package.json'),// configure jshint to validate js files -----------------------------------
  jshint: {
    options: {
      reporter: require('jshint-stylish')
    },all: ['Grunfile.js','src/components/**/*.js']
  },// configure uglify to minify js files -------------------------------------
  uglify: {
    options: {
      banner: '/*\n <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> \n*/\n'
    },build: {
      files: {
        'dist/js/components.min.js': 'src/components/**/*.js'
      }
    }
  },// compile less stylesheets to css -----------------------------------------
  less: {
    build: {
      files: {
        'dist/css/pretty.css': 'src/css/pretty.less'
      }
    }
  },// configure cssmin to minify css files ------------------------------------
  cssmin: {
    options: {
      banner: '/*\n <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> \n*/\n'
    },build: {
      files: {
        'dist/css/style.min.css': 'src/css/style.css'
      }
    }
  },// configure watch to auto update ------------------------------------------
  watch: {
    stylesheets: {
      files: ['src/**/*.css','src/**/*.less'],tasks: ['less','cssmin']
    },scripts: {
      files: 'src/**/*.js',tasks: ['jshint','uglify']
    }
  },express:{
  all:{
    options:{
      port:9000,hostname:'0.0.0.0',bases:['./src'],livereload: true
    }
  }
}

});

// ===========================================================================
// LOAD GRUNT PLUGINS ========================================================
// ===========================================================================
grunt.loadNpmtasks('grunt-contrib-jshint');
grunt.loadNpmtasks('grunt-contrib-uglify');
grunt.loadNpmtasks('grunt-contrib-less');
grunt.loadNpmtasks('grunt-contrib-cssmin');
grunt.loadNpmtasks('grunt-contrib-watch');
grunt.loadNpmtasks('grunt-express');

// ===========================================================================
// CREATE TASKS ==============================================================
// ===========================================================================

grunt.registerTask('serve-waalos',['jshint','cssmin','uglify','express','watch']);
grunt.registerTask('default',['test','build']);

 };

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）