如何在Postman中将POST请求改为GET？及Axios代码改造疑问

一、Postman中修改请求方法 #

• 打开目标请求，找到顶部的请求方法下拉框（当前显示为POST）
• 点击下拉框选择GET选项
• 原POST请求的请求体（Body）内容可直接清空，GET请求不支持请求体
• 若需传递参数，将原Body中的键值对移至Params标签页，逐一设置参数名与对应值即可

二、代码中改造POST请求为GET请求 #

你新增getRequest方法未生效，核心问题是未正确调用该方法，且GET请求的参数需通过URL查询串传递，而非请求体。以下提供两种可行改造方案：

方案1：优化通用request方法，支持动态指定请求类型 #

// base.js
import {$api_esports} from '../api'
export class API_BASE_ESPORTS {
    async request(url, payload, config, method = 'post') {
        let response;
        if (method === 'get') {
            // GET请求将payload转为URL查询参数
            response = await $api_esports.get(url, { params: payload, ...config })
                .then(handleData).catch(handleError);
        } else {
            response = await $api_esports.post(url, payload, config)
                .then(handleData).catch(handleError);
        }
        return response;
    }
}

修改teamsApi.js中的调用逻辑：

// teamsApi.js
async getTeamsWithPlayers(payload) {
    // 传入method参数指定使用GET请求
    const response = await this.request('/teams/getPlayers', payload, {}, 'get')
    return response
}

方案2：完善getRequest方法并正确调用 #

// base.js
import {$api_esports} from '../api'
export class API_BASE_ESPORTS {
    async request(url, payload, config) {
        const response = await $api_esports.post(url, payload, config).then(handleData).catch(handleError)
        return response
    }
    async getRequest(url, params, config) {
        // GET请求通过params配置项传递查询参数
        const response = await $api_esports.get(url, { params, ...config })
            .then(handleData).catch(handleError)
        return response
    }
}

修改teamsApi.js中的调用逻辑，改用getRequest：

// teamsApi.js
async getTeamsWithPlayers(payload) {
    // 调用getRequest并传入参数作为查询串
    const response = await this.getRequest('/teams/getPlayers', payload)
    return response
}

关键注意事项 #

• GET请求无请求体，所有参数必须通过URL查询串传递，axios的get方法需将参数放在params配置项中，不能直接作为第二个参数传入
• 需确保后端接口已同步修改为支持GET请求，且能正确解析URL中的查询参数

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