当我使用ng构建时，proxy.config.json在Angular 4/5中不起作用

Question

我在angular 5中为api调用使用代理api设置，如本网站所述。https://juristr.com/blog/2016/11/configure-proxy-api-Angular-cli/this在我使用npm Start时工作正常。但当我构建它并将其托管在IIS上时。它不起作用。我相信proxy.config.json没有添加到dist文件夹中。

Answer 1

当开发服务器处于活动状态时，代理正在工作。ng build不启动dev server，此命令只生成项目。因此不能在组装的项目中使用代理。您可以使用类似于ng serve-proxy-config proxy.config.json--prod的smth在带有代理的prod环境中进行测试

如果需要在生产中使用另一个基url，可以使用httpinterceptor。只需像这样创建服务

@Injectable()
export class InterceptorsService implements HttpInterceptor {

    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
      const proxyReq = req.clone({ url: `${ BASE_PATH }${ request.url }` });
      return next.handle(proxyReq);
    }
}

并将其添加到模块中的提供程序

...
providers: [
    { provide: HTTP_INTERCEPTORS, useClass: InterceptorsService, multi: true }, ...
]
...