前端跨域如何查看配置了proxy后的真实请求地址

在日常开发中，经常会遇到跨域的问题，成熟的前端会自己解决了emm~~

通常会在项目中配置一下proxy来做代理，但有时候会有这样的疑惑：“我配置的代理对不对？生效了吗？怎么能看到代理后真实请求的地址呢？”

针对这个问题，可以参考下面方法

1. 设置logLevel为debug模式

app.use(
    [
      "**/api/**",
      "/myapp",
      "/login",
      "/idex",
      "/users",
      "/roles",
      //   "/static/appbuilder",
    ], //本地调试pipeline和首页的时候，不要添加/static/appbuilder代理
    createProxyMiddleware({
      target: "http://39.96.177.55:8888",
      // target: "http://localhost",
      changeOrigin: true,
      logLevel: "debug",
    })
  );

配置完成后重启项目

然后去浏览器中触发要代理的请求，命中后终端会显示

图中红框内显示的http://39.96.177.55:8888就是代理后的真实请求地址