在axios中为url添加查询参数答案

【问题标题】：Add query parameter to url in axios在axios中为url添加查询参数
【发布时间】：2019-12-19 09:35:53
【问题描述】：

我正在实现 axios 查询，但无法在 url 中传递查询参数。

例如：


const url = /admin/list;

return axios.get(url,{
        params: {
            foo: 'bar'
        }
    }
);

但是当我查看“网络”选项卡时，网址只有

https://localhost:3001/admin/list

而不是

https://localhost:3001/admin/list&foo=bar

如何在 url 中附加查询参数。我有 5 个查询参数要在 url 中传递，这个 foo 只是一个例子。

如何将所有查询参数作为变量传递。

【问题讨论】：

你为什么不直接修改url变量呢？认为这实际上是您需要根据手册执行的操作。
这就是终极手段。
return axios.get('/admin/list?foo=bar')
应该可以正常工作，如图所示
@putvande 我知道这是有效的，但我无法将它们作为单独的参数传递。我有 5-6 个查询参数

标签： jquery ajax reactjs axios

【解决方案1】：

您可以创建自己的路径构建器

const baseUrl = "admin/list"
const params = {
     foo: 'bar'
}
let paramsUrl = ""

Object.keys(params).map((key, index)=>{
    const p = key + "=" + parmas[key]
    paramsUrl += index==0 ? p : '&' + p
}

return axios.get(baseUrl  + paramsUrl ? '?' + paramsUrl : '')

【讨论】：