grunt contrib-connect代理给出错误500。如何调试？

Question

我想要将http://localhost:9000/images和http://localhost:9000/rest代理给https://remotehost/images和https://remotehost/rest，但这两个都出现了错误500。我做错了什么？如何调试这个？下面是我的配置：

        connect: {
        options: {
            port: 9000,
            // Change this to '0.0.0.0' to access the server from outside.
            hostname: 'localhost',
            livereload: 35729
        },
        proxies: [
            {
                context: '/images',
                host: remotehost,
                port: 443,
                https: true,
                changeOrigin: true,
                xforward: false,
                rejectUnauthorized: false
            }
        ],
        livereload: {
            options: {
                open: true,
                base: [
                    '.tmp',
                    '<%= yeoman.app %>'
                ],
                middleware: function (connect, options) {
                    if (!Array.isArray(options.base)) {
                        options.base = [options.base];
                    }

                    // Setup the proxy
                    var middlewares = [require('grunt-connect-proxy/lib/utils').proxyRequest];

                    // Serve static files.
                    options.base.forEach(function(base) {
                        middlewares.push(connect.static(base));
                    });

                    // Make directory browse-able.
                    var directory = options.directory || options.base[options.base.length - 1];
                    middlewares.push(connect.directory(directory));

                    return middlewares;
                }
            }
        },

我尝试调试这个正在运行的grunt服务--debug bug我没有得到关于为什么会出现这个错误的额外信息。谢谢！https://github.com/gruntjs/grunt-contrib-connect/issues/176

Answer 1

包grunt-connect-proxy似乎被抛弃了:请参阅https://github.com/drewzboto/grunt-connect-proxy/issues/144

我使用grunt connect-proxy2以以下方式运行了一个成功的配置：

{ /* package.json */
  "name": "grunt-connect-sample",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {},
  "devDependencies": {
    "grunt": "^1.0.1",
    "grunt-connect-proxy2": "^2.0.0",
    "grunt-contrib-connect": "^1.0.2",
    "grunt-contrib-jshint": "^1.1.0",
    "grunt-contrib-watch": "^1.0.0"
  }
}

则Gruntfile.js为：

module.exports = function (grunt) {

    grunt.initConfig({
        jshint: {
            files: ['Gruntfile.js', 'src/**/*.js', 'test/**/*.js'],
            options: {
                globals: {
                    jQuery: true
                }
            }
        },
        watch: {
            files: ['<%= jshint.files %>'],
            tasks: ['jshint']
        },

        connect: {
            server: {
                options: {
                    port: 9000,
                    base: 'src/webroot',
                    keepalive: true,
                    middleware: function (connect, options, defaultMiddleware) {
                        var proxy = require('grunt-connect-proxy2/lib/utils').proxyRequest;
                        return [
                            // Include the proxy first
                            proxy
                        ].concat(defaultMiddleware);
                    }
                },
                proxies: [
                    {
                        context: '/google',
                        host: 'www.google.it',
                        port: 443,
                        https: true,
                        rewrite: {
                            '^/google': ''
                        }
                    }
                ]
            }
        }
    });

    grunt.loadNpmTasks('grunt-contrib-jshint');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-connect');
    grunt.loadNpmTasks('grunt-connect-proxy2');

    grunt.registerTask('default', ['jshint', 'configureProxies:server', 'connect:server']);

};

然后你就可以访问http://localhost:9000/google了。