app.jsx中request的配置
时间: 2024-04-01 14:38:28 浏览: 10
在 app.jsx 中配置 request 的方式可以有多种,以下是其中一种常见的配置方式:
1. 安装依赖:在终端中输入 `npm install axios` 或者 `yarn add axios` 安装 axios 库。
2. 在 app.jsx 文件中引入 axios 库:`import axios from 'axios';`
3. 在需要发送请求的地方使用 axios 发送请求:
```javascript
axios({
method: 'get', // 请求方法
url: 'http://localhost:3000/api/data', // 请求的 URL
params: { // 请求参数
id: 1,
name: '张三'
},
headers: { // 请求头
'Content-Type': 'application/json;charset=UTF-8'
}
}).then(response => {
// 请求成功后的回调函数
console.log(response.data);
}).catch(error => {
// 请求失败后的回调函数
console.log(error);
});
```
在上述代码中,我们使用了 axios 发送了一个 GET 请求,请求的 URL 是 `http://localhost:3000/api/data`,请求参数是 `{id: 1, name: '张三'}`,请求头设置为 `'Content-Type': 'application/json;charset=UTF-8'`。请求成功后会执行 `then` 中的回调函数,打印出响应结果;如果请求失败会执行 `catch` 中的回调函数,打印出错误信息。