194

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

 6 years ago
source link: https://juejin.im/post/59ce4c6e6fb9a00a5e35fc0e
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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

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

体验地址: 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

  • vuex + vue-router + axios + Element

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

  • markdown 使用插件 vue-simplemde

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

SERVER

主要技术栈

  • 数据库 mongo

  • 权限 jwt

node 版本 6.x+,使用前,请安装mongodb。

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

  • pm2 项目管理

  • nginx 反向代理

  • 加入网易云音乐

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

  • admin 我的面板统计优化

  • Google Analytics 统计

  • electron 桌面应用

  • weex ?


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK