持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第6天，点击查看活动详情
概述
今天我们使用 Reactjs + Nodejs + Mongodb 实现文件上传的功能，进一步加深对 Nodejs 操作文件和 Mongodb 数据库的使用，并做一个学习记录，以方便自己和感兴趣的同学相互交流之用。如果你觉得我写的还行，请给我一个赞，感谢各位!
我们先看下项目的完成效果
项目介绍
前后端项目结构
Reactjs 前端部分
Nodejs + Mongodb 后端部分
配置 React 环境
我们使用 pnpm vite 创建一个 React 项目，在终端中输入
pnpm create vite react-multiple-files-upload -- --template react
项目初始化完成后，我们要 pnpm install 下，以安装项目运行需要的依赖包，接着我们安装网络请求库 Axios
pnpm install axios
让后运行项目
pnpm run dev
可以看到控制台输出了如下内容,浏览器地址栏输入项目启动地址，可以看到项目已经跑起来了
vite v2.9.9 dev server running at:
> Local: http://localhost:3000/
> Network: use `--host` to expose
ready in 514ms.
导入 Bootstrap 到项目中
打开 index.html 我们把如下代码添加到 中：
/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
...
<link type="text/css" rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" />
</head>
...
</html>
