angularjs - 如何使用 nginx 和本地 tomcat 设置 grunt live-reload 任务

Question

我习惯于在本地运行小型节点服务器并调用远程 REST API 的服务的开发环境。我现在处于一个一切都是本地的设置中。有一个运行 REST API 的本地 tomcat 实例，nginx 用于将调用从我的 Angular 应用程序路由到tomcat 服务器。我遇到的问题是运行我的 grunt 服务器任务——它启动了一个在端口 9000 上运行的连接服务器；实时重新加载功能不可用，因为 nginx 正在监听端口 80，因此要查看更改，我必须访问 localhost/xyz。将nginx.server.listen端口改成9000也不行。

#user  nobody;
worker_processes  1;

error_log  logs/error.log;

events {
    worker_connections  1024;
}

http {
  include       mime.types;
  default_type  application/octet-stream;
  sendfile        on;
  keepalive_timeout  65;

  server {
        listen 80;
        root /Users/me/dev/angular-project/app;  //this looks at my angular app

        index index.html index.htm;
        server_name localhost;
        location / {
           try_files $uri /index.html?v=100515130;

        }
        location /services1 {
                proxy_pass      http://localhost:8080/services1; //this is one of my services call addresses
                proxy_set_header Host localhost;
        }

        location /services2 {
                proxy_pass      http://localhost:8080/services2;  //this is another service call address
                proxy_set_header Host localhost;
        }

}

include servers/*;

我希望能够做的是非常标准的事情——观察我的 .scss 和 es6 文件并在发生变化时进行编译，然后在发生变化时热重新加载浏览器。这是我的 gruntfile 中的连接过程:

connect: {
  options: {
    port: 9001,
    // Change this to '0.0.0.0' to access the server from outside.
    //hostname: 'localhost'
      hostname: '0.0.0.0'
  },
  livereload: {
    options: {
      middleware: function (connect) {
        return [
         modRewrite([
                    '^[^\\.]*$ /index.html [L]'
                  ]),                
          lrSnippet,
          mountFolder(connect, '.tmp'),
          mountFolder(connect, yeomanConfig.app)
        ];
      }
    }
  },

我不熟悉 nginx 和 tomcat，但对节点构建工具非常熟悉； gulp more than grunt but this is what I have inherited ¯\_(ツ)_/¯

我是否需要在我的 nginx 设置中或在我的 grunt 设置中或两者中进行更改才能实现此目的？

Answer 1

我没有看到 options.livereload

connect: {
  options: {
    port: 9001,
    // Change this to '0.0.0.0' to access the server from outside.
    //hostname: 'localhost'
      hostname: '0.0.0.0'
      livereload: 35729
  },
  livereload: {
    options: {
      livereload: true 
      middleware: function (connect) {
        return [
          modRewrite([
            '^[^\\.]*$ /index.html [L]'
          ]),                
          lrSnippet,
          mountFolder(connect, '.tmp'),
          mountFolder(connect, yeomanConfig.app)
        ];
      }
    }
  },