axios 的 get 请求传参数
在使用 Axios 发起 GET 请求时，参数通常是通过 URL 的查询字符串来传递的。Axios 提供了一个简洁的接口来构建这样的请求，并自动将参数附加到 URL 上。
以下是一个使用 Axios 发起 GET 请求并传递参数的示例：
const axios = require('axios');
// 定义要请求的 URL 和参数
const url = 'https://example.com/api/data';
const params = {
param1: 'value1',
param2: 'value2'
};
// 发起 GET 请求
axios.get(url, {
params: params // 将参数对象传递给 Axios
})
.then(response => {
// 处理响应数据
console.log(response.data);
})
.catch(error => {
// 处理错误
console.error('Error fetching data:', error);
});
在这个示例中，axios.get 方法接受两个参数：
url：要请求的资源的 URL。- 一个配置对象（可选），其中包含各种配置选项，如
params。params选项用于指定要附加到 URL 上的查询字符串参数。
Axios 会自动将这些参数编码为查询字符串，并将它们附加到 URL 后面。因此，上面的请求实际上会向 https://example.com/api/data?param1=value1¶m2=value2 发送一个 GET 请求。
如果你使用的是 Axios 在浏览器环境中的版本，用法是类似的，但通常你会从某个模块导入 Axios，而不是使用 require，如下所示：
import axios from 'axios';
// ...（与上面的代码相同）
在浏览器环境中，你还需要确保你的请求遵守同源策略或使用了 CORS（跨源资源共享）来允许跨域请求。如果服务器配置了适当的 CORS 策略，你可以向不同源的服务器发送请求并接收响应。
不好意思哈，有点简单，但这是我的学习记录和经历，值得保存一下。
原文地址：https://blog.csdn.net/xuelian3015/article/details/142794369
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！