nuxt juejin project
1.0.0
nuxt-juejin-project เป็นโปรเจ็กต์การเรียนรู้ที่ใช้ Nuxt.js เพื่อเลียนแบบ Nuggets โดยส่วนใหญ่จะใช้: nuxt + koa + vuex + axios + element-ui ข้อมูลทั้งหมดของโปรเจ็กต์นี้ซิงโครไนซ์กับ Nuggets เนื่องจากอินเทอร์เฟซถูกส่งต่อผ่าน koa ในฐานะเลเยอร์กลาง (การค้นหาอินเทอร์เฟซเหนื่อยมากใช่ไหม) การกำหนดเส้นทางอินเทอร์เฟซถูกกำหนดใหม่ และข้อมูลอินเทอร์เฟซบางส่วนได้รับการประมวลผล ข้อมูลหลักของเพจจะแสดงผลทางฝั่งเซิร์ฟเวอร์ผ่าน asyncData เมื่อเขียนโปรเจ็กต์ ฉันจะพยายามอย่างเต็มที่เพื่อใช้การกำหนดค่าและประเด็นทางเทคนิคบางอย่างที่ได้รับจาก Nuxt.js (การเรนเดอร์ฝั่งเซิร์ฟเวอร์ การส่งต่ออินเทอร์เฟซ การกำหนดค่าการกำหนดเส้นทาง การตรวจสอบสิทธิ์ ฯลฯ) โดยหวังว่าจะเรียนรู้เพิ่มเติมเกี่ยวกับกระบวนการของเซิร์ฟเวอร์ - โครงการเรนเดอร์ด้านข้าง
โปรเจ็กต์นี้เป็นครั้งแรกที่ฉันใช้ Nuxt.js ดังนั้นรายละเอียดกระบวนการบางอย่างอาจไม่ดีพอ หากคุณต้องการเรียนรู้ คำแนะนำมีไว้เพื่อการอ้างอิงเท่านั้น ฉันหวังว่าจะไม่ทำให้คุณเข้าใจผิด
หลังจากที่ Nuggets ปรับโครงสร้างและอัปเดตในเดือนสิงหาคม 2020 อินเทอร์เฟซเวอร์ชันเก่าก็ถูกปิดไป สาขาหลักเป็นเวอร์ชันเก่า และฉันได้วางเวอร์ชันใหม่ไว้ใต้สาขา 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
เอ็มไอที
