Angular4如何为HttpModule设置base_uri？

Question

看了一下别人说的方法 set base url in ng， 感觉好复杂。 这么常见的需求， 应该是有更方便的方式实现吧?

Answer 1

Angular提供一种拦截器的机制，并不那么复杂。例如：

@Injectable()
export class ExampleInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const url = 'http://myurl.com';
    req = req.clone({
      url: url + req.url
    });
    return next.handle(req);
  }
}

注册拦截器：

@NgModule({
  providers: [
    { provide: HTTP_INTERCEPTORS, useClass: ExampleInterceptor, multi: true }
  ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

以上代码就是你提供的网址中，但的确是可行的。因为拦截器，还可以做更多的事，诸如：统一授权处理、错误处理等。

或是参考我的一篇如何在Angular优雅编写HTTP请求或ng-alain。