如何在axios Post请求函数中传入URL参数并自定义BASE_URL

你可以通过以下几种实用方式实现让调用者自定义BASE_URL，替代函数内部固定的地址：

方案1：直接给postData添加baseUrl参数（最简单直接） #

修改functions.js，把baseUrl作为参数传入，同时设置默认值兼容原有逻辑：

const axios = require("axios");
// 移除硬编码的BASE_URL，改为参数接收，默认值保留原地址
const postData = async (body, baseUrl = "http://localhost:1800") => {
  try {
    const headers = {
      "DATA-API-Version": "v2",
    };
    const response = await axios.post(`${baseUrl}/data`, body, {
      headers,
    });
    console.log(response);
    if (response.status === 200) {
      return response;
    }
  } catch (error) {
    console.error(error);
    throw error; // 抛出错误让调用方捕获处理，避免吞掉异常
  }
};

module.exports = { postData }; // 务必导出函数供外部调用

在index.js中调用时传入自定义的BASE_URL：

const express = require("express");
const functions = require("./functions.js");
const BASE_URL = "http://localhost:1800"; // 可根据部署环境修改

const payload = require("./test.json");
const app = express();
const PORT = 3000;
app.use(express.json());
app.listen(PORT, () => {
  console.log(`Running this application on the PORT ${PORT}`);
});

const sendData = async (req, res, next) => {
  try {
    const body = payload;
    // 调用时传入自定义BASE_URL
    const response = await functions.postData(body, BASE_URL);
    if (response.status === 200) {
      res.send(response.data);
    }
  } catch (err) {
    console.error(err);
    res.status(500).send("请求失败"); // 给客户端返回错误响应
  }
};

方案2：使用配置对象传参（扩展性更强） #

如果后续需要添加更多自定义配置（比如headers、超时时间），可以把参数改成配置对象，提升灵活性：

functions.js修改：

const axios = require("axios");
const postData = async (body, config) => {
  // 合并默认配置与传入配置
  const { baseUrl = "http://localhost:1800", headers = {} } = config || {};
  const defaultHeaders = {
    "DATA-API-Version": "v2",
    ...headers, // 允许调用者覆盖默认headers
  };

  try {
    const response = await axios.post(`${baseUrl}/data`, body, {
      headers: defaultHeaders,
    });
    console.log(response);
    if (response.status === 200) {
      return response;
    }
  } catch (error) {
    console.error(error);
    throw error;
  }
};

module.exports = { postData };

index.js调用：

// ... 其他代码不变
const response = await functions.postData(body, {
  baseUrl: BASE_URL,
  // 可额外传入其他配置，比如自定义headers
  // headers: { "X-Custom-Header": "custom-value" }
});

方案3：创建工厂函数（适合多次复用同一BASE_URL） #

如果调用方需要多次使用同一个BASE_URL发起请求，可以提前创建绑定好BASE_URL的函数，避免重复传参：

functions.js修改：

const axios = require("axios");
// 工厂函数：传入baseUrl，返回绑定好地址的postData函数
const createPostDataFn = (baseUrl = "http://localhost:1800") => {
  return async (body) => {
    try {
      const headers = {
        "DATA-API-Version": "v2",
      };
      const response = await axios.post(`${baseUrl}/data`, body, {
        headers,
      });
      console.log(response);
      if (response.status === 200) {
        return response;
      }
    } catch (error) {
      console.error(error);
      throw error;
    }
  };
};

module.exports = { createPostDataFn };

index.js使用：

const express = require("express");
const functions = require("./functions.js");
const BASE_URL = "http://localhost:1800";

// 提前创建绑定好BASE_URL的postData函数
const postData = functions.createPostDataFn(BASE_URL);

const payload = require("./test.json");
const app = express();
const PORT = 3000;
app.use(express.json());
app.listen(PORT, () => {
  console.log(`Running this application on the PORT ${PORT}`);
});

const sendData = async (req, res, next) => {
  try {
    const body = payload;
    // 直接调用，无需重复传baseUrl
    const response = await postData(body);
    if (response.status === 200) {
      res.send(response.data);
    }
  } catch (err) {
    console.error(err);
    res.status(500).send("请求失败");
  }
};

额外提示 #

• 不要在函数内部吞掉异常，建议throw error让调用方统一处理错误逻辑。
• 如果需要根据环境（开发/生产）切换BASE_URL，可使用环境变量（如process.env.BASE_URL）管理，更符合工程化规范。

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