angularjs - 将 gulp-webserver 与代理和中间件一起使用

Question

我正在尝试让 gulp-webserver 与代理和中间件一起工作。

我的 Angular 应用程序应该在端口 3000 上使用 gulp-webserver 运行我的 Laravel 后端运行在 apache 上，URL 为:“http://backend.api/api/v1”

现在我想将我的 Angular 应用程序中以'/api'开头的所有请求重定向/代理到'backend.api/api/'

示例:ajax 的 Angular url: '/api/v1/users' 应该转到 'backend.api/api/v1/users' 并从那里获取它的 json 数据。

很抱歉在 backend.api url 前面缺少 http - 但 stackoverflow 不允许我在一篇文章中有超过 2 个链接。

我已经尝试了好几个小时让它与 gulp-webserver 一起工作在 gulp-connect 上，它正在使用此设置:

gulp.task('webserver', function () {
    plugins.connect.server({
        root: paths.distDevelopFolder,
        port: 3000,
        middleware: function (connect, o) {
            return [(function () {
                var url = require('url');
                var proxy = require('proxy-middleware');
                var options = url.parse('http://backend.api/api');
                options.route = '/api';
                return proxy(options);
            })(), historyApiFallback];
        }
    });
});

Answer 1

我正在像这样使用 gulp-webserver:

var webserver = require("gulp-webserver")    
gulp.task('webserver', function(){
    return gulp
        .src([paths.distDevelopFolder])
        .pipe(webserver({
            port: 3000,
            livereload: true,
            open: 'http://localhost:3000',
            proxies: [
                {
                    source: '/api', target: 'http://backend.api/api'
                }
            ]
        }));
    });