使用axios访问,如果要携带URL查询参数,在配置对象中使用params:
axios({
url: '要访问的目标地址',
// 使用get方法的时候,method可以省略
method: 'get'
// url中的请求参数
params: {
参数名1: 参数值1,
参数名2: 参数值2
}
}).then(result => {
// 对服务器返回的数据进行处理
})
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script>
axios({
url: 'http://hmajax.itheima.net/api/city',
params: {
pname: '河北省'
}
}).then(result => {
console.log(result)
})
</script>
</body>
</html>