如何使由`nuxt generate`生成的html完全静态？

Question

我在pageas/index.vue有一个非常简单的Vue页面：

<template>
  <div>hello world</div>
</template>

运行nuxt generate后，生成的html文件dist/index.html中没有任何“ hello world”。

这意味着生成站点不是完全静态的。仍然需要使用浏览器来运行js来呈现最终的html，搜索引擎可能无法在vue页面中看到html。

我想知道至少在vue页面是静态的（例如，未指定asyncData或fetch的情况下，才能使nuxt完全生成的html文件吗？

Answer 1

在运行generate命令之前，首先将应用程序配置设置为universal（SSR）模式。

在nuxt.config.js中：

export default {
  mode: 'universal'
}

然后运行： npm run generate