title: yeoman grunt-connect-proxy not working
body: <p>When i run my grunt server with task "<code>grunt server:dist --force</code>" i get</p>
  
  <pre><code> Running "configureProxies" task
   Proxy created for: /securedGateway to 104.92.356.167:80
  </code></pre>
  
  <p>And when i load my page i get 404 on all rest calls. I have done proxy using nginx server it works fine but using grunt for proxy task doesn't seems to be working for me. </p>
  
  <p>here is my grunt file: -</p>
  
  <pre><code>'use strict';
  
  // # Globbing
  // for performance reasons we're only matching one level down:
  // 'test/spec/{,*/}*.js'
  // use this if you want to recursively match all subfolders:
  // 'test/spec/**/*.js'
  
  module.exports = function (grunt) {
  
    // Load grunt tasks automatically
    require('load-grunt-tasks')(grunt);
  
    // Time how long tasks take. Can help when optimizing build times
    require('time-grunt')(grunt);
      var proxySnippet = require('grunt-connect-proxy/lib/utils').proxyRequest;
      // configurable paths
      var yeomanConfig={
  
          app: 'app',
              dist: 'dist'
  //      dist: '/c/eclipse-jee/eclipse/workspace/bo/WebContent/mybo'
      }
    // Define the configuration for all the tasks
    grunt.initConfig({
  
      // Project settings
      yeoman: yeomanConfig,
  
      // Watches files for changes and runs tasks based on the changed files
      watch: {
        bower: {
          files: ['bower.json'],
          tasks: ['bowerInstall']
        },
        js: {
          files: ['&lt;%= yeoman.app %&gt;/scripts/{,*/}*.js'],
          tasks: ['newer:jshint:all'],
          options: {
            livereload: true
          }
        },
        jsTest: {
          files: ['test/spec/{,*/}*.js'],
          tasks: ['newer:jshint:test', 'karma']
        },
        styles: {
          files: ['&lt;%= yeoman.app %&gt;/styles/{,*/}*.css'],
          tasks: ['newer:copy:styles', 'autoprefixer']
        },
        less: {
          files: ['&lt;%= yeoman.app %&gt;/assets/less/*.less'],
          tasks: ['less:server']
        },
        gruntfile: {
          files: ['Gruntfile.js']
        },
        livereload: {
          options: {
            livereload: '&lt;%= connect.options.livereload %&gt;'
          },
          files: [
            '&lt;%= yeoman.app %&gt;/{,*/}*.html',
            '.tmp/assets/{,*/}*.css',
            '&lt;%= yeoman.app %&gt;/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}'
          ]
        }
      },
  
      // The actual grunt server settings
      connect: {
        options: {
          port: 9000,
          // Change this to '0.0.0.0' to access the server from outside.
          hostname: 'localhost',
          livereload: 35729
        },
      proxies: [
          {
              context: "/securedGateway",
              host: '104.238.94.167',
              port: 80,
              https: false,
              changeOrigin: true,
              headers: {
                  'host': '104.238.94.167'
              },
  
      }],
        // courtesy of Phubase Tiewthanom
        livereload: {
      options: {
          open:true,
          base: [
              '.tmp',
               yeomanConfig.app
          ],
        middleware: function (connect) {
          return [proxySnippet,
              connect.static(require('path').resolve('app')),
              connect.static(require('path').resolve('.tmp')),
            connect.static('.tmp'),
            connect().use(
              '/bower_components',
               connect.static('./bower_components')
            ),
            connect.static(require('./bower.json').appPath || 'app')
          ];
        }
      }
    },
        test: {
          options: {
            port: 9001,
            base: [
              '.tmp',
              'test',
              '&lt;%= yeoman.app %&gt;'
            ]
          }
        },
        dist: {
          options: {
            base: '&lt;%= yeoman.dist %&gt;'
          }
        }
      },
  
      // Make sure code styles are up to par and there are no obvious mistakes
      jshint: {
        options: {
          jshintrc: '.jshintrc',
          reporter: require('jshint-stylish')
        },
        all: [
          'Gruntfile.js',
          '&lt;%= yeoman.app %&gt;/scripts/{,*/}*.js'
        ],
        test: {
          options: {
            jshintrc: 'test/.jshintrc'
          },
          src: ['test/spec/{,*/}*.js']
        }
      },
  
      // Empties folders to start fresh
      clean: {
        dist: {
          files: [{
            dot: true,
            src: [
              '.tmp',
              '&lt;%= yeoman.dist %&gt;/*',
              '!&lt;%= yeoman.dist %&gt;/.git*'
            ]
          }]
        },
        server: '.tmp'
      },
  
      // Add vendor prefixed styles
      autoprefixer: {
        options: {
          browsers: ['last 1 version']
        },
        dist: {
          files: [{
            expand: true,
            cwd: '.tmp/assets/css/',
            src: '{,*/}*.css',
            dest: '.tmp/assets/css/'
          }]
        }
      },
  
      // Automatically inject Bower components into the app
      bowerInstall: {
        app: {
          src: ['&lt;%= yeoman.app %&gt;/index.html'],
          ignorePath: '&lt;%= yeoman.app %&gt;/',
          exclude: ['requirejs',
                    'mocha',
                    'jquery.vmap.europe.js',
                    'jquery.vmap.usa.js',
                    'Chart.min.js',
                    'raphael',
                    'morris',
  //                  'jquery.inputmask',inputmask
                    'jquery.validate.js',
                    'jquery.stepy.js'
                    ]
        }
      },
  
      // Renames files for browser caching purposes
      rev: {
        dist: {
          files: {
            src: [
              '&lt;%= yeoman.dist %&gt;/scripts/{,*/}*.js',
              '&lt;%= yeoman.dist %&gt;/assets/css/{,*/}*.css',
              '&lt;%= yeoman.dist %&gt;/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}',
              '&lt;%= yeoman.dist %&gt;/styles/fonts/*'
            ]
          }
        }
      },
  
      // Reads HTML for usemin blocks to enable smart builds that automatically
      // concat, minify and revision files. Creates configurations in memory so
      // additional tasks can operate on them
      useminPrepare: {
        html: '&lt;%= yeoman.app %&gt;/index.html',
        options: {
          dest: '&lt;%= yeoman.dist %&gt;',
          flow: {
            html: {
              steps: {
                //js: ['concat', 'uglifyjs'],
                js: ['concat'],
                css: ['cssmin']
              },
              post: {}
            }
          }
        }
      },
  
      // Performs rewrites based on rev and the useminPrepare configuration
      usemin: {
        html: ['&lt;%= yeoman.dist %&gt;/{,*/}*.html'],
        css: ['&lt;%= yeoman.dist %&gt;/assets/css/{,*/}*.css'],
        options: {
          assetsDirs: ['&lt;%= yeoman.dist %&gt;']
        }
      },
  
      // The following *-min tasks produce minified files in the dist folder
      cssmin: {
        options: {
          // root: '&lt;%= yeoman.app %&gt;',
          relativeTo: '&lt;%= yeoman.app %&gt;',
          processImport: true,
          noAdvanced: true
        }
      },
  
      imagemin: {
        dist: {
          files: [{
            expand: true,
            cwd: '&lt;%= yeoman.app %&gt;/images',
            src: '{,*/}*.{png,jpg,jpeg,gif}',
            dest: '&lt;%= yeoman.dist %&gt;/images'
          }]
        }
      },
  
      svgmin: {
        dist: {
          files: [{
            expand: true,
            cwd: '&lt;%= yeoman.app %&gt;/images',
            src: '{,*/}*.svg',
            dest: '&lt;%= yeoman.dist %&gt;/images'
          }]
        }
      },
  
      htmlmin: {
        dist: {
          options: {
            collapseWhitespace: true,
            collapseBooleanAttributes: true,
            removeCommentsFromCDATA: true,
            removeOptionalTags: true
          },
          files: [{
            expand: true,
            cwd: '&lt;%= yeoman.dist %&gt;',
            src: ['*.html', 'views/{,*/}*.html'],
            dest: '&lt;%= yeoman.dist %&gt;'
          }]
        }
      },
  
      // ngmin tries to make the code safe for minification automatically by
      // using the Angular long form for dependency injection. It doesn't work on
      // things like resolve or inject so those have to be done manually.
      ngmin: {
        dist: {
          files: [{
            expand: true,
            cwd: '.tmp/concat/scripts',
            src: '*.js',
            dest: '.tmp/concat/scripts'
          }]
        }
      },
  
      // Replace Google CDN references
      cdnify: {
        dist: {
          html: ['&lt;%= yeoman.dist %&gt;/*.html']
        }
      },
  
      // Copies remaining files to places other tasks can use
      copy: {
        dist: {
          files: [{
            expand: true,
            dot: true,
            cwd: '&lt;%= yeoman.app %&gt;',
            dest: '&lt;%= yeoman.dist %&gt;',
            src: [
              '*.{ico,png,txt}',
              '.htaccess',
              '*.html',
              // 'views/*/{,*/}*.html',
              'views/**',
              'images/{,*/}*.{webp}',
              'fonts/*',
              'assets/**',
              'bower_components/**',
              'styles/main.css',
  //            'bower_components/jquery.inputmask/dist/jquery.inputmask.bundle.js',
              'bower_components/jquery-validation/dist/jquery.validate.js',
              'bower_components/jqvmap/jqvmap/maps/jquery.vmap.europe.js',
              'bower_components/jqvmap/jqvmap/maps/jquery.vmap.usa.js',
              'bower_components/stepy/lib/jquery.stepy.js',
              'bower_components/Chart.js/Chart.min.js',
              'bower_components/raphael/raphael.js',
              'bower_components/morris.js/morris.js'
            ]
          }, {
            expand: true,
            cwd: '.tmp/images',
            dest: '&lt;%= yeoman.dist %&gt;/images',
            src: ['generated/*']
          }]
        },
        tomcatServer: {
          cwd: '&lt;%= yeoman.dist %&gt;',
          src: '**/*',
          dest: '&lt;%= yeoman.tomcatServer %&gt;',
          expand: true
        },
        styles: {
          expand: true,
          cwd: '&lt;%= yeoman.app %&gt;/assets/css',
          dest: '.tmp/assets/css',
          src: '{,*/}*.css'
        }
      },
  
      // Run some tasks in parallel to speed up the build process
      concurrent: {
        server: [
          'copy:styles'
        ],
        test: [
          'copy:styles'
        ],
        dist: [
          'copy:styles',
          'imagemin',
          'svgmin'
        ]
      },
      ngtemplates:  {
        app: {
          src:      'app/views/templates/**.html',
          dest:     'app/scripts/templates/templates.js',
          options:  {
            url:    function(url) { return url.replace('app/views/', ''); },
            bootstrap: function(module, script) {
              return "angular.module('theme.templates', []).run(['$templateCache', function ($templateCache) {\n"+script+"}])";
            }
          },
        }
      },
  
      less: {
        server: {
          options: {
            // strictMath: true,
            dumpLineNumbers: true,
            sourceMap: true,
            sourceMapRootpath: "",
            outputSourceFiles: true
          },
          files: [
            {
              expand: true,
              cwd: "&lt;%= yeoman.app %&gt;/assets/less",
              src: "styles.less",
              dest: ".tmp/assets/css",
              ext: ".css"
            }
          ]
        },
        dist: {
          options: {
            cleancss: true,
            report: 'min'
          },
          files: [
            {
              expand: true,
              cwd: "&lt;%= yeoman.app %&gt;/assets/less",
              src: "styles.less",
              dest: ".tmp/assets/css",
              ext: ".css"
            }
          ]
        }
      },
  
      // By default, your `index.html`'s &lt;!-- Usemin block --&gt; will take care of
      // minification. These next options are pre-configured if you do not wish
      // to use the Usemin blocks.
      // cssmin: {
      //   dist: {
      //     files: {
      //       '&lt;%= yeoman.dist %&gt;/styles/main.css': [
      //         '.tmp/styles/{,*/}*.css',
      //         '&lt;%= yeoman.app %&gt;/styles/{,*/}*.css'
      //       ]
      //     }
      //   }
      // },
      // uglify: {
      //   dist: {
      //     files: {
      //       '&lt;%= yeoman.dist %&gt;/scripts/scripts.js': [
      //         '&lt;%= yeoman.dist %&gt;/scripts/scripts.js'
      //       ]
      //     }
      //   }
      // },
      // concat: {
      //   dist: {}
      // },
  
      // Test settings
      karma: {
        unit: {
          configFile: 'karma.conf.js',
          singleRun: true
        }
      },
      processhtml: {
        options: {
          commentMarker: 'prochtml',
          process: true
        },
        dist: {
          files: {
            '&lt;%= yeoman.dist %&gt;/index.html': ['&lt;%= yeoman.dist %&gt;/index.html']
          }
        }
      },
      uglify: {
        options: {
          mangle: false
        }
      }
    });
  
  
    grunt.registerTask('serve', function (target) {
      if (target === 'dist') {
        return grunt.task.run(['build', 'connect:dist:keepalive']);
      }
  
      grunt.task.run([
        'clean:server',
        'bowerInstall',
        'concurrent:server',
        'autoprefixer',
  
        'connect:livereload',
        'watch'
      ]);
    });
  
    grunt.registerTask('server', function (target) {
      grunt.log.warn('The `server` task has been deprecated. Use `grunt serve` to start a server.');
      grunt.task.run(['serve:' + target]);
    });
  
    grunt.registerTask('test', [
      'clean:server',
      'concurrent:test',
      'autoprefixer',
      'connect:test',
      'karma'
    ]);
  
    grunt.registerTask('build', [
      'clean:dist',
      'bowerInstall',
      'ngtemplates',
      'useminPrepare',
      'concurrent:dist',
      'less:dist',
      'autoprefixer',
      'concat',
        'configureProxies',
      // 'ngmin',
      'copy:dist',
      // 'cdnify',
      'cssmin',
      //'uglify',
      'rev',
      'usemin',
      'processhtml:dist',
      // 'htmlmin'
    ]);
  
    grunt.registerTask('default', [
      // 'newer:jshint',
      // 'test',
      'build'
    ]);
  };
  </code></pre>