javascript - 如何使用 Angular 6 拦截器更改 HTTP 请求 URL

Question

我正在开发一个 Angular 应用程序，并使用 HTTP 模块的 get/post 方法从后端 API 端点获取数据。最近我检查了一个 Angular 应用程序，他们在其中隐藏 API 真实端点并替换为其他端点。

例如

真实端点:- ' http://192.168.1.192:8080/restaurant/getUserData/ '

替换端点:- ' http://192.168.1.192:8080/restaurant/getServerData '

我还可以在“开发人员工具”的“网络”选项卡中看到替换的端点。

我知道这可以通过使用拦截器概念来实现。但我从未使用过 HTTP 拦截器。如果有人知道如何实现相同的目标，请提出建议。

Answer 1

@Injectable()
export class Interceptor implements HttpInterceptor {
 constructor() { }
 const redirectRequest = request.clone({ url: 'http://192.168.1.192:8080/restaurant/getServerData', method: "get" });
      return next.handle(redirectRequest);
}