如何修改axios请求函数中的参数值？附无法运行的代码示例

你的代码主要有几个关键问题导致参数无法正常更新：

• 异步执行顺序错误：axios请求是异步操作，你写的console.log(par)会在请求还未返回结果时就执行，所以看不到更新后的sqltxt值。
• 接口响应时机不对：你先给前端返回了固定文本hello api，之后才调用getdata更新参数，就算参数更新成功，前端也拿不到最新结果。
• this指向存在风险：要确认this.trans的上下文是正确的，否则transray方法会调用失败。

修改后的代码 #

1. 重构getdata为异步函数 #

用async/await让请求完成后再处理参数，保证执行顺序正确：

async getdata(par: any) {
    try {
        const response = await axios.get(url);
        // 等待请求返回后再更新参数
        par.sqltxt = this.trans.transray(response.data);
        console.log(par); // 这里能看到更新后的完整参数
        return par;
    } catch (error) {
        console.log(error);
        // 可选：给参数添加错误标识，方便后续处理
        par.requestError = error;
        return par;
    }
}

2. 调整接口调用逻辑 #

等getdata执行完成、参数更新后，再把结果返回给前端：

const para = { s01: '01', sqltxt: 'insert into ' };
server.get('/api', async (req: Request, resp: Response, next: NextFunction) => {    
    try {
        // 等待参数更新完成
        const updatedPara = await gaxios.getdata(para);
        // 返回更新后的参数给前端，而非固定文本
        resp.send(updatedPara);
    } catch (error) {
        resp.status(500).send('数据获取失败');
        next(error);
    }
});

额外提醒 #

• 检查url是否正确，排查是否存在跨域或地址拼写错误问题。
• 确认this.trans.transray方法能正确解析response.data，避免因数据格式不匹配导致赋值失败。
• 如果不想修改外部的para对象，可以在getdata里新建一个对象返回，避免修改外部变量引发意外问题。

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