如何从Gruntfile.js中错误配置的grunt-connect-proxy设置解决404错误?

时间:2015-06-27 19:07:13

标签: javascript node.js gruntjs grunt-connect-proxy grunt-connect

背景

我正在尝试将我的grunt服务器实例连接到在localhost:8080 / api /上运行在同一台机器上的API服务。

目前正在使用grunt-connect-proxy来实现这一目标。

问题/问题:

http://localhost:9000/api/user-profile/ Failed to load resource: the server responded with a status of 404 (Not Found)

我的配置(下面)是否有错误阻止/api请求重定向到localhost:8080的代理服务器?

我的设置(Gruntfile.js):

var proxySnippet = require('grunt-connect-proxy/lib/utils').proxyRequest;

...

    // Grunt configuration
    grunt.initConfig({

        // Project settings
        someApp: appConfig,

        // The grunt server settings
        connect: {
            options: {
                port: 9000,
                hostname: 'localhost',
                livereload: 35729
            },
            server: {
                proxies: [
                    {
                        context: '/api',
                        host: 'localhost',
                        port: 8080,
                        changeOrigin: true
                    }
                ]
            },
            livereload: {
                options: {
                    open: true,
                    middleware: function (connect) {
                        return [
                            proxySnippet,
                            connect.static('.tmp'),
                            connect().use(
                                '/bower_components',
                                connect.static('./bower_components')
                            ),
                            connect.static(appConfig.app),
                        ];
                    }
                }
            },
            main: {
                options: {
                    open: true,
                    base: '<%= homer.main %>'
                }
            }
        }

...

    grunt.registerTask('live', [
        'clean:server',
        'copy:styles',
        'configureProxies',
        'connect:livereload',
        'watch'
    ]);

    grunt.registerTask('server', [
        'build',
        'connect:main:keepalive'
    ]);

1 个答案:

答案 0 :(得分:2)

在configureProxies任务中指定连接目标(在这种情况下为&#39;服务器&#39;)。

grunt.registerTask('live', function (target) {
    grunt.task.run([
    'clean:server',
    'copy:styles',
    'configureProxies:server',
    'connect:livereload',
    'watch'
    ]);
});