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