# 处理请求 url 参数

# 需求分析

还记得我们上节课遗留了一个问题，再来看这个例子：

axios({
  method: 'get',
  url: '/base/get',
  params: {
    a: 1,
    b: 2
  }
})

@前端进阶之旅: 代码已经复制到剪贴板

我们希望最终请求的 url 是 /base/get?a=1&b=2，这样服务端就可以通过请求的 url 解析到我们传来的参数数据了。实际上就是把 params 对象的 key 和 value 拼接到 url 上。

再来看几个更复杂的例子。

axios({
  method: 'get',
  url: '/base/get',
  params: {
    foo: ['bar', 'baz']
  }
})

@前端进阶之旅: 代码已经复制到剪贴板

最终请求的 url 是 /base/get?foo[]=bar&foo[]=baz'。

axios({
  method: 'get',
  url: '/base/get',
  params: {
    foo: {
      bar: 'baz'
    }
  }
})

@前端进阶之旅: 代码已经复制到剪贴板

最终请求的 url 是 /base/get?foo=%7B%22bar%22:%22baz%22%7D，foo 后面拼接的是 {"bar":"baz"} encode 后的结果。

const date = new Date()

axios({
  method: 'get',
  url: '/base/get',
  params: {
    date
  }
})