我如何仅在浏览器API调用的域中仅拦截一个域的一个端点？

发布于 2025-01-21 11:19:59 字数 896 浏览 2 评论 0 原文

假设我输入一个（公共）网站，该网站在3个不同的端点上进行3个XHR/fetch呼叫：

我想实现的目标是拦截到 https://api.example.com/path2 仅，将其重定向到本地服务（Local -Host：8000）和让PATH1和PATH3贯穿原始域。

我在这里有什么样的选择？我已经研究了很多解决这个问题的方法：

DNS重写 - 此解决方案不合适，因为我仍然必须拦截Path1和Path3，只有将它们重定向到原始IPS并尝试尽可能地模仿标头 - 这意味着我将必须为每个截断的域进行特定的代理配置 - 这是不可行的
镀铬扩展 - 发现没有一个专门处理单个端点，
截取了page loding fetter和xmlhttprequest oferpage off page load off page load oft page load-仍然没有涵盖所有场景fetch和xmlhttprequest的值之前（？）

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

失与倦＂ 2025-01-28 11:20:00

结合镀铬扩展名和获取覆盖物将起作用。

下载webextension，让您在给定页面加载之前加载JavaScript代码，例如用户javaScript和css
在页面加载之前添加以下脚本以运行：拦截JavaScript提取API请求和响应

    const { fetch: originalFetch } = window;
    window.fetch = async (...args) => {
      let [resource, config ] = args;
    
      // request interceptor starts
      resource = resource === "https://api.example.com/path2" ? "http://localhost:8000/path2" : resource
      // request interceptor ends
    
      const response = await originalFetch(resource, config);
    
      // response interceptor here
      return response;
    };

Combining the chrome extension and fetch overwrite will work.

download an webextension that let you load javascript code before a given page loads, e.g. User JavaScript and CSS
Add the following script to run before your page loads, base on: Intercepting JavaScript Fetch API requests and responses

    const { fetch: originalFetch } = window;
    window.fetch = async (...args) => {
      let [resource, config ] = args;
    
      // request interceptor starts
      resource = resource === "https://api.example.com/path2" ? "http://localhost:8000/path2" : resource
      // request interceptor ends
    
      const response = await originalFetch(resource, config);
    
      // response interceptor here
      return response;
    };

回复收藏 0 原文

~没有更多了~