如何在Node.js环境下获取Axios请求的最终完整URL

• 可直接在现有请求拦截器逻辑内，调用Axios内置工具方法拿到和实际发起请求完全一致的完整URL，全程不需要等请求完成、也不需要抓包：
  1. 使用Axios公开暴露的buildFullPath方法，其拼接逻辑和实际请求生成URL的逻辑完全匹配

     // 在已配置的请求拦截器内部添加逻辑
     axios.interceptors.request.use((config) => {
       // 方法自动处理baseURL与接口路径的斜杠匹配、params转query参数的全流程
       const actualRequestUrl = axios.buildFullPath(config.baseURL, config.url, config.params)
       console.log('实际发起的完整请求地址：', actualRequestUrl)
       return config
     })
     

  2. 如果项目自定义了参数序列化规则（覆盖了默认的paramsSerializer配置），使用Axios的getUri方法生成URL兼容性更强

     // 仅传入拦截器中拿到的配置片段，不会触发真实网络请求
     const actualRequestUrl = axios.getUri({
       baseURL: config.baseURL,
       url: config.url,
       params: config.params,
       paramsSerializer: config.paramsSerializer
     })
     console.log('实际发起的完整请求地址：', actualRequestUrl)
     

• 注意事项：
  • 上述两个方法都是纯计算逻辑，拦截器触发时机早于请求正式出站，拿到的URL值就是真实会发出的请求地址
  • 不要手动拼接baseURL、接口路径和params，手动拼接的规则很容易和Axios内置的斜杠处理、参数编码规则不一致，导致拿到的URL和实际请求存在偏差
  • 整个过程完全在Node.js运行时内完成，不需要浏览器端的Network面板工具，也不受当前请求无响应、无法拿到响应对象的影响。

内容的提问来源于stack exchange，提问作者Steve Bennett