在SPA模式下,Nuxt.js静态生成的结果与内部加载组件的输出结果相同。

问题描述 投票:0回答:1

我用 "npx create-nuxt-app my-app "创建了一个新的应用程序,并选择了除了设置模式为SPA之外的所有默认选项。

我运行了 npm run generate 并期望 dist*.html 文件包含我的 pages*.vue 的渲染内容,但所有生成的 HTML 都包含。

  ...
  <div id="nuxt-loading" aria-live="polite" role="status">
    <div>Loading...</div>
  </div>
  ...

我希望从文件中获取内容, 给出模板index.vue, index.html应该包含Vue欢迎信息的HTML.

我的期望是错误的吗?我想利用静态生成的优势来提高性能和SEO。我所有的页面都是静态的。

nuxt.js
1个回答
0
投票

回答了我自己的问题。这是预期的行为。

显然,我应该为这种情况选择 "通用 "模式,这在以后仍然会作为SPA。

导致我困惑的部分是 "通用 "模式的描述是 "服务器端渲染"。为静态生成的文件提供服务是否属于服务器渲染--显然是的。

我固执地认为 "服务器渲染 "需要对该HTML进行实际渲染,而这不是我想要的。我想要的是静态生成的文件,以后会成为一个SPA。

如果从浏览器的角度看任何HTML都会是服务器渲染的,不管是node.js新鲜渲染的东西,还是一年前生成的静态HTML文件。

但SSR和静态生成还是经常被描述为分开的方法,什么也假意说 "静态生成 "不是SSR。凡是在这个语境下,它就是。

© www.soinside.com 2019 - 2024. All rights reserved.