如何从“网络”选项卡隐藏请求

Question

如何在浏览器开发者工具的网络选项卡中隐藏api服务请求？ 有什么建议

Answer 1

尽管我强烈建议不要这样做（因为它不会阻止任何认真的用户），但可以通过 Flash 或任何其他具有此类功能的插件来发送。实现这一目标的最简单方法是使用支持 Flash 的 XHR 代理对象，例如

flXHR

项目提供的对象（尽管您必须强制它在同一域上运行，而不仅仅是跨域） ）。让我再次结束，不建议您这样做，因为使用插件将导致您的用户消息的很大一部分出现或根本不起作用，这绝不是一个好的体验。

Answer 2

这个 Nextjs RCS

import { NextPage } from "next";
import axios from "axios";

const Home: NextPage = async () => {
  const { data } = await axios.get(
    "your_api"
  );

  return (
    <div>
      {data.map((el: any, idx: number) => (
        <div key={idx}>
          <h3>{el.title}</h3>
        </div>
      ))}
    </div>
  );
};

export default Home;

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/18.2.0/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.2.0/umd/react-dom.production.min.js"></script>