Eson Wong's Blog
·
Nuxt.JS 介绍
💡
原文中文，约5800字，阅读约需14分钟。
📝
内容提要
Nuxt.js是基于Vue的框架，用于创建服务端渲染的Web应用。它提供更好的SEO和更快的内容到达时间。Nuxt.js可以以单页应用和静态站点模式运行，自动生成路由规则。它使用@nuxt/axios模块处理接口请求和cookie-universal-nuxt包处理cookie操作。Nuxt.js为Vue添加了asyncData()和fetch()两个钩子，用于获取数据。最佳实践包括按需加载UI库、媒体资源懒加载和添加服务器端日志。
🎯
关键要点
- Nuxt.js 是一个基于 Vue 的框架，用于创建服务端渲染的 Web 应用。
- SSR 提供更好的 SEO 和更快的内容到达时间，但也消耗服务器资源，对前端开发人员要求更高。
- Nuxt.js 默认以 SSR 模式运行，可以在配置文件中修改为单页应用或静态站点模式。
- Nuxt.js 根据 pages 文件夹的结构自动生成路由规则，使用 NuxtLink 组件进行站内导航。
- 使用 @nuxt/axios 模块处理接口请求，以避免用户数据泄漏问题。
- 使用 cookie-universal-nuxt 包统一处理 cookie 操作，提供 $cookies 对象。
- Nuxt.js 添加了 asyncData() 和 fetch() 钩子，用于在渲染前获取数据。
- 最佳实践包括按需加载 UI 库、媒体资源懒加载和添加服务器端日志。
➡️
