axios 请求找不到参数

最新推荐文章于 2025-05-09 06:33:20 发布

原创最新推荐文章于 2025-05-09 06:33:20 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue

vue 同时被 2 个专栏收录

6 篇文章

订阅专栏

axios

3 篇文章

订阅专栏

在使用axios进行HTTP请求时遇到找不到参数的问题，虽然能获取到id，但请求仍提示缺少参数。解决方法是通过实例化axios并定义请求规则，例如设置请求头。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

axios 请求（找不到参数）

如下图：可以看到我们已经获取到id ，但还是显示缺少参数
在这里插入图片描述
** 这时我们可以创建实例化axios，定义一些规则，如请求头来解决**
如下代码

import axios from 'axios'
import { METHOD } from './config'


//创建带配置项目的axios实例
const instance = axios.create({
    baseURL: 'https://api.it120.cc/small4',
    timeout: 30000,


    //设置请求头，解决获取不到参数
    headers:{'Content-Type':'application/x-www-form-urlencoded'},
     transformRequest:[function (data) {
      let ret = ''
      for (let it in data) {
        ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
      }
      return ret
    }],
})

//请求的基础方法
export function request(method,url,params) {
    switch (method) {
        case METHOD.GET:
           return GET(url, params);
        case METHOD.POST:
            return POST(url, params);        
    }
}

//定义请求函数
function GET(url,params) {
    return instance.get(url, params)
}

function POST(url,params) {
    return instance.post(url, params)
}