Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用angular 6拦截器更改HTTP请求URL_Javascript_Ajax_Angular_Angular Httpclient_Angular Http Interceptors - Fatal编程技术网

Javascript 如何使用angular 6拦截器更改HTTP请求URL

Javascript 如何使用angular 6拦截器更改HTTP请求URL,javascript,ajax,angular,angular-httpclient,angular-http-interceptors,Javascript,Ajax,Angular,Angular Httpclient,Angular Http Interceptors,我正在开发一个angular应用程序&使用HTTP模块的get/post方法从后端API端点获取数据。 最近,我检查了一个angular应用程序,其中他们隐藏了API真实端点&用其他端点替换 例如 实际端点:- 替换端点:- 我还可以在“开发者工具”的“网络”选项卡中看到被替换的端点 我知道这可以通过使用拦截器概念来实现。但我从未使用过HTTP拦截器。 如果有人知道如何做到这一点,请提出建议 请参阅http拦截器一般不用于此目的。我建议您查看代理。请参阅http拦截器一般不用于此目的。我建议您查

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

例如

实际端点:-

替换端点:-

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

我知道这可以通过使用拦截器概念来实现。但我从未使用过HTTP拦截器。
如果有人知道如何做到这一点,请提出建议

请参阅http拦截器一般不用于此目的。我建议您查看代理。请参阅http拦截器一般不用于此目的。我建议您查看代理
@Injectable()
export class Interceptor implements HttpInterceptor {
  constructor() { }

  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const dupReq = req.clone({ url: 'mynewurl.com' });
    return next.handle(dupReq);
  }
}
@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);
}