title: Trying to set up proxies in Grunt and getting a 404 for index - Gruntjs
body: <p>I am trying to set up proxies in my <code>Gruntfile</code>.  Here is my <code>Gruntfile.js</code>: </p>
  
  <pre><code>module.exports = function(grunt) {
  
    var proxySnippet = require('grunt-connect-proxy/lib/utils').proxyRequest;
  
    require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks);
  
    grunt.initConfig({
      dirs: {
        js: ['app/js/**/*.js', '!app/js/libs/**/*.js'],
        html: ['app/index.html'],
      },
      connect:{
        development: {
          options: {
            port: 9000,
            middleware: function(connect) {
              return [proxySnippet];
            }
          },
          proxies: {
            context: '/users',
            host: '99.44.242.76',
            port: 3000,
            https: false
          }
        }
      },
      watch: {
        options: {
          livereload: true
        },
        html: {
          files: ['&lt;%= dirs.html %&gt;']
        },
        js: {
          files:  '&lt;%= dirs.js %&gt;',
          tasks: ['jshint']
        }
      }
    });
  
    grunt.registerTask('server', ['less', 'configureProxies', 'connect', 'watch']);
  };
  </code></pre>
  
  <p>After I added in my middleware, I get a 404 for the <code>livereload</code> Chrome extension and then I get a 404 for the <code>index.html</code>. </p>
  
  <p><img src="https://i.stack.imgur.com/zMC27.png" alt="enter image description here">
    What am I doing to set this up wrong?</p>