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

最新推荐文章于 2024-08-05 14:28:25 发布

saltlike

最新推荐文章于 2024-08-05 14:28:25 发布

阅读量1.5w

点赞数 8

分类专栏：问题记录文章标签：前端接口

本文链接：https://blog.csdn.net/saltlike/article/details/120882098

版权

问题记录专栏收录该内容

10 篇文章 0 订阅

订阅专栏

在前端开发中，配置了proxy代理后，可以通过设置logLevel为'debug'来在终端中查看真实的后端接口地址。这有助于在调试过程中了解请求的实际路径，例如文中提到的接口被代理到'http://localhost:8080'，但实际调用的是'https://192.168.8.8888:8080'。通过这种方法，开发者可以更好地理解和跟踪接口请求。

摘要由CSDN通过智能技术生成

如果配置了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