前端配置了proxy情况下查看真实的接口调用地址

时间:2025-05-16 08:39:44

如果配置了proxy代理,前端项目在开发调试的时候,F12下查看接口请求地址,是查看不到真实的后端地址,只能看到被代理后的 http://localhost:8080地址;

这时候要想查看真实的接口调用地址,可以在proxy中配置 logLevel: 'debug' 这一项,然后就可以在终端中打印出真实的后端接口调用地址;

proxy: {
    '/api': {
      target: 'http://localhost',
      changeOrigin: true,
      logLevel: 'debug',
      pathRewrite: { '^/api': '' },
    },
  },

在终端中可以看到打印出的接口信息,

[HPM] Rewriting path from "/api/captcha" to "/captcha"
[HPM] GET /api/captcha ~> https://192.168.8.8888:8080

即可以看到真实的后端接口地址:https://192.168.8.8888:8080