Nuxt

Posted winfredzen

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Nuxt相关的知识，希望对你有一定的参考价值。

Nuxt

Nuxt.js 是一个基于 Vue.js 的通用应用框架

SPA缺点

  • 不利于SEO
  • 首屏渲染时间长

怎么解决呢？

  • 服务端渲染SSR - 服务端渲染（SSR)
    SSR缺点

    • 动态渲染
    • 配置繁琐

  • 预渲染Prerendering

    预渲染：构建阶段生成匹配预渲染路径的 html 文件（注意：每个需要预渲染的路由都有一个对应的 html）。构建出来的 html 文件已有部分内容。
    — 优化向：单页应用多路由预渲染指南

    适合于静态站点：about.html contact.html xxx.html

Nuxt做的事情

  • 静态站点
  • 动态渲染
  • 简化配置

以上是关于Nuxt的主要内容，如果未能解决你的问题，请参考以下文章

组织后端（Node）进程和使用这些进程的一部分的前端（Vue / Nuxt）的最佳方式

NUXT的SPA模式可以设置内容安全策略吗

如何构建具有特定内容的 Nuxt

如何使用 Tailwind 和 Nuxt.js 突出显示导航栏上的活动部分？

使用 Nuxt 处理登录\注销按钮以避免闪烁内容的最佳方法是啥？

Nuxt.js 和内容丰富的网站无法正确生成动态路由