这是一个简单的前后端分离系统的示例项目。前端使用React，后端使用Express.js（Node.js）。这个示
例项目展示了如何设置和运行一个基本的前后端分离应用程序。
项目结构
后端（Express.js）
1. 初始化项目
首先，创建后端项目并初始化npm。
2. 安装依赖
3. 创建服务器（server.js）
my_project/
├── backend/
│ ├── package.json
│ ├── server.js
│ └── routes/
│ └── api.js
├── frontend/
│ ├── package.json
│ ├── public/
│ │ └── index.html
│ ├── src/
│ │ ├── App.js
│ │ ├── index.js
│ │ └── components/
│ │ └── ExampleComponent.js
└── README.md
mkdir backend
cd backend
npm init -y
npm install express cors
// backend/server.js
const express = require('express');
const cors = require('cors');
const apiRoutes = require('./routes/api');
const app = express();
const PORT = 5000;
app.use(cors());
app.use(express.json());
app.use('/api', apiRoutes);
app.listen(PORT, () => {
console.log(`Server is running on http://localhost:${PORT}`);
});
资源评论
