hswyxj / blog-react Goto Github PK

• 博客前台页面
• 博客后台页面

前端部分

• React
• React-Router4.0
• Redux
• AntDesign
• webpack4

后端部分

• consul+consul-template+nginx+docker 搭建微服务
• cdn 上传静态资源
• thinkJs

部署部分

• daocloud 自动化部署
• Prometheus+Grafana 监控系统

• 线上个人博客（即这个项目做出来的成果），点这里
• csdn 博客：
  • React 搭建个人博客（一）项目简介与 React 前端踩坑
  • React 搭建个人博客（二）consul-template+nginx+docker 实现负载均衡

npm install
npm run start

本项目开发环境是使用 webpack 的 devserver，启动前端服务，访问后端接口 对应的后端项目 点这里。 启动本项目之前须先启动后端 self-blog-fontend 项目。

• 项目打包生成路径，是本人计算机对的的服务端项目 self-blog-fontend 的 www 文件夹，view 文件夹， 具体路径须根据自身两个项目的相对路径改写。
• 打包后，启动后端服务，访问http://localhost:8365，就能访问博客前台页面。

本项目不直接参与线上部署，而是先打包到后端项目中，将后端制作为镜像，在服务器端生成容器。具体部署细节会在上述博客网站尽快更新。