react 写一个本地数据库,并用axios请求它
时间: 2023-11-14 21:34:18 浏览: 96
首先,你需要安装 `axios` 和 `lowdb` 这两个库。`axios` 用于发送请求,`lowdb` 是一个轻量级的本地 JSON 数据库。
可以使用以下命令进行安装:
```
npm install axios lowdb
```
接下来,你可以创建一个 `db.json` 文件,用于存储数据。以下是一个示例:
```json
{
"users": [
{ "id": 1, "name": "Alice", "email": "alice@example.com" },
{ "id": 2, "name": "Bob", "email": "bob@example.com" },
{ "id": 3, "name": "Charlie", "email": "charlie@example.com" }
]
}
```
然后,你可以创建一个 `db.js` 文件,并在其中初始化 `lowdb`:
```js
const low = require('lowdb');
const FileSync = require('lowdb/adapters/FileSync');
const adapter = new FileSync('db.json');
const db = low(adapter);
// 设置默认值
db.defaults({ users: [] }).write();
module.exports = db;
```
在上面的示例中,我们设置了默认值为一个空数组,并导出了 `db` 对象。
接下来,你可以在你的代码中使用 `axios` 来请求你的本地数据库。以下是一个示例:
```js
const axios = require('axios');
const db = require('./db');
axios.get('http://localhost:3000/users')
.then(response => {
// 将响应中的数据保存到本地数据库
db.set('users', response.data).write();
})
.catch(error => {
console.log(error);
});
```
在上面的示例中,我们使用 `axios` 发送了一个 GET 请求,并将响应中的数据保存到我们的本地数据库中。请注意,我们假设我们的本地服务器运行在 `http://localhost:3000` 上,并且有一个名为 `users` 的路由用于获取用户数据。
现在,你可以使用 `db` 对象来查询和操作你的本地数据库了。例如:
```js
const db = require('./db');
const users = db.get('users').value();
console.log(users);
```
在上面的示例中,我们获取了本地数据库中的所有用户数据,并将它们打印到控制台上。
希望对你有所帮助!
阅读全文