美文网首页Web前端之路程序员@IT·互联网
nuxt(vue) + koa + mongo 写blog的一次

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

作者: 三毛丶 | 来源:发表于2017-10-02 11:33 被阅读321次
    • 感谢 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 版本 6.x+,使用前,请安装mongodb。

    发布

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

    • pm2 项目管理

    • nginx 反向代理

    TODO

    • 加入网易云音乐

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

    • admin 我的面板统计优化

    • Google Analytics 统计

    • electron 桌面应用

    • weex ?

    相关文章

      网友评论

        本文标题:nuxt(vue) + koa + mongo 写blog的一次

        本文链接:https://www.haomeiwen.com/subject/benzextx.html