littlebot
Published on 2025-04-08 / 0 Visits
0

【源码】基于React、Express和MongoDB的仿简书网站

项目简介

这是一个涵盖前后端代码的仿简书网站项目。基于React、Express和MongoDB构建,提供了完整的Web应用框架,包含用户注册、登录、发布文章、浏览文章、评论等功能。

项目的主要特性和功能

  1. 前端使用React框架构建用户界面,带来流畅的用户体验。
  2. 后端采用Express框架处理逻辑,涵盖用户管理、文章管理、评论管理等。
  3. 以MongoDB作为数据库,存储用户、文章、评论等信息。
  4. 处理了跨域请求,实现前端与后端的通信。
  5. 具备动态路由和视图功能,便于文章展示和评论交互。

安装使用步骤

  1. 已下载项目源码文件至本地。
  2. 进入项目目录,运行 npm install 安装依赖。
  3. 在本地安装MongoDB数据库,并创建名为“jianshu”的数据库。
  4. 运行项目:
    • 运行前端:进入前端目录,运行 npm run start 启动前端开发服务器,访问 http://localhost:3000/ 查看网站首页。
    • 运行后端:进入后端目录,运行 npm run server 启动后端服务器,访问 http://localhost:8080/ 加上相应接口名进行后端操作。
  5. 根据需求,可修改 package.json 中的配置,如设置生产地址等。

注意事项

  1. 使用axios发送请求时,若设置 withCredentialstrue,后端不允许设置 Access-Control-Allow-Origin*,项目前端已暂时去掉该设置项。
  2. 项目存在技术难题,如axios的TypeScript报错通过增加 axios.d.ts 文件解决;增加动画路由可能会遇到TypeScript报错,需进一步研究解决。

下载地址

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