【源码】基于 Vite+React18+Redux+TypeScript+Antd 的论坛系统

项目简介

本项目是一个现代化的前端论坛项目。运用 Vite、React 18、Redux 和 TypeScript 进行构建，通过 React 和 Redux 搭建用户界面，利用 TypeScript 保障代码质量与安全性，借助 Vite 实现快速开发与构建。同时集成了 Ant Design 组件库，为用户提供丰富的 UI 组件和优雅的交互体验。

项目的主要特性和功能

1. 先进技术栈：采用 Vite、React 18、Redux、TypeScript 等前沿技术，实现快速开发与构建。
2. 功能丰富：具备用户注册、登录、发帖、回帖、评论、点赞等基本论坛功能。
3. 界面友好：使用 Ant Design 组件库构建界面，提供优雅友好的用户体验。
4. 易于扩展：项目结构清晰，模块划分明确，便于扩展新功能。

安装使用步骤

前提条件

• 安装 Node.js，推荐使用 node18 LTS 版本。
• 在项目根目录创建 .env.development 和 .env.production 文件，分别用于开发和生产环境。

安装依赖与启动项目

1. 在项目根目录执行 pnpm install 安装依赖。
2. 创建 .env 文件并设置 VITE_API_URL 为后端 API 地址。
3. 执行 pnpm dev 启动开发服务器。
4. 在浏览器访问 http://localhost:3000 查看项目。

部署步骤

本地部署

执行 pnpm build 构建项目，将生成的 dist 目录文件部署到站点根目录。

Vercel 部署

1. 配置环境变量，设置 VITE_API_URL 为后端 API 地址。
2. 点击 Deploy 开始部署。
3. 等待部署完成，点击 Visit 查看部署的网页。

后端部署说明

请查阅项目中的 server/README.md 文件获取后端部署的详细步骤和说明。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】