前后端分离系统项目.pdf资源-CSDN文库

前后端分离

需积分: 1 99 浏览量 2024-07-30 09:54:06 上传评论收藏 93KB PDF 举报

资源推荐

资源详情

资源评论

这是一个简单的前后端分离系统的示例项目。前端使用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}`);

});

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

内容反馈

yimeixiaolangzai

粉丝: 1635
资源: 1130

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip