axios的GET请求

axios.get方法的API请参照官网


今天用params提交参数时,总是提示400。调查发现是params参数的设定方法不正确导致。

axios.get(url, {
                    params: {
                        'userId': vm.loginForm.user,
                        'createDt': new Date()
                    }
                }).then(function (res) {
                    var result = res.data;
                    if (result.success) {
                        alert('success');
                    } else {
                        alert('faild');
                    }
                });
params不能直接通过对象进行赋值(具体原因不详,有了解的可以给我留言),必须通过属性一一赋值,否则后台无法找到对应的方法进行处理。
### 如何使用 Axios 发起 GET 请求 在前端开发中,Axios 是一种流行的 HTTP 客户端库,用于发起网络请求。以下是通过 Axios 发起 GET 请求的具体方法以及示例代码。 #### 基本语法 可以使用 `axios.get()` 方法来发起 GET 请求。该方法接受两个参数:目标 URL 和可选的配置对象。以下是一个简单的例子: ```javascript axios.get('https://api.example.com/data') .then(response => { console.log('数据获取成功:', response.data); }) .catch(error => { console.error('数据获取失败:', error); }); ``` 上述代码展示了如何向指定的 API 地址发送 GET 请求,并分别处理成功和失败的情况[^1]。 --- #### 添加查询参数 如果需要在 GET 请求中附带查询参数,则可以通过配置对象中的 `params` 属性实现。例如: ```javascript const url = 'https://example.com/api/data'; const params = { param1: 'value1', param2: 'value2' }; axios.get(url, { params: params }) .then(response => { console.log(response.data); }) .catch(error => { console.error('Error fetching data:', error); }); ``` 此代码片段演示了如何将查询参数附加到 GET 请求中[^2]。 --- #### 实际应用案例 假设有一个实际场景,其中需要调用某个接口并传递用户的姓名和年龄作为查询条件。下面是一段完整的代码示例: ```javascript // 请求的目标 URL var url = 'http://www.liulongbin.top:3006/api/get'; // 查询参数对象 var paramsObj = { name: 'zs', age: 20 }; // 使用 axios.get() 发起带有参数的 GET 请求 axios.get(url, { params: paramsObj }) .then(function (res) { // 成功接收服务器返回的数据 var result = res.data; console.log(result); }) .catch(function (error) { // 错误处理逻辑 console.error('Request failed:', error); }); ``` 这段代码进一步说明了如何构建更复杂的 GET 请求,并解析服务器返回的结果[^3]。 --- #### 设置自定义头部信息 有时可能需要设置特定的请求头字段(如认证令牌或其他元信息),这也可以通过配置对象完成。例如: ```javascript axios.get('https://api.example.com/secure-data', { headers: { Authorization: 'Bearer your_token_here', 'Custom-Header': 'custom_value' } }) .then(response => { console.log(response.data); }) .catch(error => { console.error('Secure request failed:', error); }); ``` 以上代码展示了一个安全请求的例子,在请求头中加入了授权令牌和其他定制化信息[^5]。 --- ### 总结 通过 Axios 的 `get` 方法能够轻松地发起 GET 请求。无论是基本请求还是携带复杂参数甚至自定义头部信息的高级操作都可以高效实现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值