javascript - 如何解决 Gruntfile.js 中配置错误的 grunt-connect-proxy 设置导致的 404 错误？

Question

背景：

我正在尝试将我的 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'
    ]);

Answer 1

在 configureProxies 任务中指定连接目标（在本例中为“服务器”）。

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