nuxt juejin project
1.0.0
nuxt-juejin-project是一個使用Nuxt.js仿寫掘金的學習項目，主要使用： nuxt + koa + vuex + axios + element-ui 。此專案所有資料與掘金同步，因為介面都是透過koa作為中間層轉送（找介面真是個累活?），重新定義介面路由以及對部分介面資料做處理。頁面主要資料透過asyncData在服務端渲染。在寫專案時我會盡可能的使用Nuxt.js提供的配置以及一些技術點（服務端渲染、介面轉送、路由配置、權限驗證等），希望藉此更全面的學習服務端渲染專案的流程。
該專案是我初次使用Nuxt.js製作的，可能部分流程細節不夠好。如果你想學的話，建議只是用來參考，希望不要誤導你。
掘金在2020年8月重構更新後，舊版介面已關閉。 master分支為舊版本，新版本我已經放到apinew分支下，如果需要查看，請複製apinew分支。 （用戶相關的狀態和操作暫時失效，如用戶訊息、登入、按讚等）
- 登录/登出
- 权限验证
- 登录状态验证
- 交互验证
- 首页
- 文章筛选（分类、热门、最新、热榜）
- 文章触底分页
- 作者榜模块
- 推荐小册模块
- 文章详情
- 正文
- 目录跳转
- 文章评论
- 文章分享
- 相关推荐
- 关于作者模块
- 相关文章模块
- 作者页
- 作者信息
- 文章筛选（热门、最新）
- 文章触底分页
- 个人成就模块
- 头像彩蛋?
- 搜索
- 类型筛选（综合、文章、标签、用户）
- 时间筛选（全部、一天内、一周内、三月内）
- 沸点
- 沸点筛选（推荐、热门、关注、分类）
- 沸点触底分页
- 沸点评论
- 沸点分享
- 大图预览
- 推荐沸点模块
- 关注的话题模块
- 话题
- 关注的话题、全部话题
- 文章筛选（热门、最新）
- 文章触底分页
- 话题详情模块
- 参与者模块
- 标签
- 标签详情
- 文章筛选（热门、最新、最热）
- 文章触底分页
- 标签管理
- 已关注标签、全部标签
- 消息
- 用户消息
- 小册
- 小册筛选（分类）
- i18n国际化
- 错误页
- 404
- 交互相关
- 点赞（文章、沸点）
- 关注（作者、标签）
?利用摸魚時間更新中...
為了快速的了解項目，在此對項目文件結構做出描述。
├─assets // 存放静态资源（如：scss）
│
├─layouts // 页面主要布局、自定义错误页面
│
├─components // 页面组件
│ ├─business // 业务组件
│ ├─common // 公用组件
│
├─middleware // 应用中间件（如：权限验证）
│
├─mixins // 公用逻辑抽离（如：触底事件）
│
├─pages // 页面视图
│
├─plugins // 插件（如：axios、api）
│
├─server // 服务端
│ ├─middleware // 服务端使用的中间件
│ ├─request // 请求方法封装
│ ├─routes // 接口转发
│
├─store // vuex
│
├─utils // 工具方法
│
│nuxt.config.js // Nuxt.js应用配置
# 克隆项目
git clone -b apinew https://github.com/ChanWahFung/nuxt-juejin-project.git
# 进入项目目录
cd nuxt-juejin-project
# 安装依赖
npm install
# 服务启动
npm run dev造訪http://localhost:8000
MIT
