使用 Nuxt开发博客系统（SSR）项目结构(1)

---

博客线上地址 lzf-allen.top

项目地址：前台首页：github.com/lz-allen/nu… 后端管理界面：github.com/lz-allen/bl… 如果觉得不错的话，您可以点右上角 "Star" 支持一下 谢谢！ ^_^

---

此项目采用前后端分离的实现，后台接口基于RESTful规范设计，只提供数据，部分前端负责路由跳转，权限限制，渲染数据等，还有一部分是后台服务端SSR，两个月前写了一个Vue SPA单页面，github也有源码，由于在公司接触了静态站点和服务端渲染，所以打算将代码重构，主要为了SEO的优化

---

技术栈

Nuxt+ Vue.js+Node+MongoDb+Koa2

---

实现的功能

---

• admin管理页增删查改博客
• 博客分类ets
• 博客内容markdown
• 博客作品
• 博客友链
• 博客归档
• 返回顶部
• markdown代码高亮
• 管理员登录
• 用户评论
• 文章搜索
• 响应式
• 部署上线

---

效果预览

---

---

项目结构

---

|——api.............................前端接口api |——assets.......................前端资源(图片，css） |——components..............前端公共组件 |——layouts......................前端公共的布局组件 |——pages.......................前端页面 |——plugins.....................elemeent-ui |——server.......................后端（路由，中间件，model，以及配置） |——static........................静态文件（项目在运行中会作为一个静态站点） |——utils..........................工具类 |——nuxt.config.js...........nuxt配置文件

server

server是根据mvc结构写的，分工明确便于修改和维护

转载于:https://juejin.im/post/5c35d8a7e51d4544390b03e3