项目简介
这是一个涵盖前后端代码的仿简书网站项目。基于React、Express和MongoDB构建,提供了完整的Web应用框架,包含用户注册、登录、发布文章、浏览文章、评论等功能。
项目的主要特性和功能
- 前端使用React框架构建用户界面,带来流畅的用户体验。
- 后端采用Express框架处理逻辑,涵盖用户管理、文章管理、评论管理等。
- 以MongoDB作为数据库,存储用户、文章、评论等信息。
- 处理了跨域请求,实现前端与后端的通信。
- 具备动态路由和视图功能,便于文章展示和评论交互。
安装使用步骤
- 已下载项目源码文件至本地。
- 进入项目目录,运行
npm install
安装依赖。 - 在本地安装MongoDB数据库,并创建名为“jianshu”的数据库。
- 运行项目:
- 运行前端:进入前端目录,运行
npm run start
启动前端开发服务器,访问http://localhost:3000/
查看网站首页。 - 运行后端:进入后端目录,运行
npm run server
启动后端服务器,访问http://localhost:8080/
加上相应接口名进行后端操作。
- 运行前端:进入前端目录,运行
- 根据需求,可修改
package.json
中的配置,如设置生产地址等。
注意事项
- 使用axios发送请求时,若设置
withCredentials
为true
,后端不允许设置Access-Control-Allow-Origin
为*
,项目前端已暂时去掉该设置项。 - 项目存在技术难题,如axios的TypeScript报错通过增加
axios.d.ts
文件解决;增加动画路由可能会遇到TypeScript报错,需进一步研究解决。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】