二次封装的axios封装的get请求 如何使用params传参
时间: 2023-08-14 08:06:50 浏览: 109
在二次封装 Axios 的 GET 请求中,你可以使用 `params` 来传递参数。`params` 是 Axios 请求配置对象的一个属性,它用于传递查询参数。
以下是一个示例,展示如何在二次封装的 GET 请求中使用 `params` 传递参数:
```javascript
import axios from 'axios';
// 封装 GET 请求
function getExample(params) {
return axios.get('/api/example', {
params: params
});
}
// 使用封装的 GET 请求
getExample({ param1: 'value1', param2: 'value2' }).then(response => {
// 处理响应数据
}).catch(error => {
// 处理请求错误
});
```
在这个示例中,`axios.get()` 方法的第二个参数是一个配置对象。你可以在这个对象的 `params` 属性中传递参数。在上述代码中,`params` 是一个包含需要传递的参数的对象。
例如,上述代码将发送一个 GET 请求到 `/api/example?param1=value1¶m2=value2`。
当你调用封装的 GET 请求时,只需要将需要传递的参数作为对象传入即可。
希望对你有所帮助!
相关问题
二次封装axios post 请求
axios是一个基于Promise的HTTP客户端,可以用于浏览器和Node.js。它可以用于发送GET、POST等请求,并且可以拦截请求和响应,方便进行统一处理。
下面是axios封装get和post请求的示例:
1. 封装get请求
```javascript
import axios from 'axios'
export function get(url, params) {
return new Promise((resolve, reject) => {
axios.get(url, {
params: params
}).then(res => {
resolve(res.data)
}).catch(err => {
reject(err.data)
})
})
}
```
2. 封装post请求
```javascript
import axios from 'axios'
export function post(url, params) {
return new Promise((resolve, reject) => {
axios.post(url, params)
.then(res => {
resolve(res.data)
})
.catch(err => {
reject(err.data)
})
})
}
```
以上是axios封装get和post请求的示例,可以根据实际需求进行修改和扩展。
axios发送封装的get请求并携带params
要使用封装的axios发送get请求并携带params参数,你可以按照以下步骤进行操作:
1. 在需要的组件中导入封装的axios:`import Axios from './request/axios';`
2. 在发送请求的函数中使用axios的get方法,并传递参数params:
```javascript
Axios.get('http://localhost:9090/user/login', {
params: {
account: this.formLogin.account,
password: this.formLogin.password,
testParam: 'hello world'
}
}).then(res => {
// 处理响应数据
}).catch(error => {
// 处理错误
});
```
请注意,这里的`this.formLogin.account`、`this.formLogin.password`和`'hello world'`是示例参数,你需要根据实际情况替换成你要发送的参数。
这样就可以使用封装的axios发送get请求并携带params参数了。
#### 引用[.reference_title]
- *1* *2* [vue3中封装Axios请求](https://blog.csdn.net/weixin_52797441/article/details/126979875)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [Vue使用axios发送get请求并携带参数](https://blog.csdn.net/weixin_46713508/article/details/128839202)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文
相关推荐















