# 处理请求 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 后的结果。
