导语：

暑假在家闲着无事，就琢磨着做一个web博客练练手，现在已经做完了，把过程分享出来给大家看看，分享一下学习经验。

本文目录一，项目介绍和图片1，vue博客前端2，node后台，使用koa2框架编写3，管理博客界面二，分享系列，深入介绍项目

一，项目介绍和图片
1，vue博客前端

使用vue+vuex+vue-router+axios，通过webpack打包。

包括注册，session登陆功能，上传图片，查看文章，评论点赞等一系列功能。

2，node后台，使用koa2框架编写

3，管理博客界面

二，分享系列，深入介绍项目

接下来将按照一下环节来深度还原这个项目的编写过程。

1，node，webpack和vue-cli环境的搭建，使用vue全家桶，写好路由，构建静态页面，为后续的api请求的编写打下基础。

2，开始配置node后台环境，安装koa2，mysql，redis，nginx等一系列的配置，一步一步来，每一步都有详细的讲解。

3，编写后台代码，连接数据库和redis，编写后台接口，使用nginx反向代理，解决在本机开发环境上的跨域问题（统一端口号）。

4，编写管理页面，js，操作权限，直接操控数据库。

5，对前后端项目全面进行编写和完善。

6，购买云服务器，一步步配置好linux环境，配图。

7，使用pm2在云服务器托管node后台，用nginx做web服务器，将web前端，管理界面上传部署到nginx中。

8，项目运行在服务器上。

接下来会用很多篇博客深入还原，感兴趣的同学可以看下一篇博客哦
【记录二】 Vue(全家桶)+node+koa2+mysql+nginx+redis，全栈博客项目训练

你们的赞就是对我最大的鼓励。谢谢~

原创：https://www.panoramacn.com
源码网提供WordPress源码,帝国CMS源码discuz源码,微信小程序,小说源码,杰奇源码,thinkphp源码,ecshop模板源码,微擎模板源码,dede源码,织梦源码等。

专业搭建小说网站,小说程序,杰奇系列,微信小说系列,app系列小说

关注我们小说电影免费看

关注我们，获取更多的全网素材资源，有趣有料！

120000+人已关注