This website requires JavaScript.

nuxt(vue) + koa + mongo 写blog的一次小结

2017.10.08 13:17字数 1898阅读 2314喜欢 60评论 43

两个多月的空余时间里,博客差不多搭完。

  • 感谢 surmon.me ,此 blog 才会诞生。
  • 感谢七牛云提供资源存储。
  • 感谢腾讯云 提供 SSL 证书。
  • 感谢各种开源。

体验地址: https://jkchao.cn


nuxt(vue) + koa + mongo 写blog的一次小结

CLIENT: vue-blog

ADMIN: vue-admin

SERVICE: node-koa


CLIENT

相关截图

主要技术栈

  • nuxt (vue)

  • vuex + vue-router + axios

  • marked + highlight

  • ...

AMDIN

相关截图

技术栈

  • vue

  • vuex + vue-router + axios + Element

  • 权限部分,登录时接受服务器返回的 token,储存在本地, 使用 axios 拦截,以及 vue-router 路由元信息部分拦截,会检查 token 以及是否过期。

  • markdown 使用插件 vue-simplemde

  • 使用 element-ui 上传组件配合七牛。

  • ...

SERVER

主要技术栈

  • koa2

  • 数据库 mongo

  • 权限 jwt

  • ...

发布

  • 完成项目后,将发布到自己服务器上,先确保已安装node, mongodb

  • pm2 项目管理

  • nginx 反向代理

TODO

  • 加入网易云音乐

  • 使用 redis 对一部分数据进行缓存处理

  • admin 我的面板统计优化

  • Google Analytics 统计

  • electron 桌面应用

  • weex ?