静态网站不需要服务环境,因为静态网站是一些 html,css 还有 javascript 等等的静态资源组成的。这种网站可以部署到任何支持静态资源的 Web 服务上。在 Nuxt 项目里,使用 nuxt generate 命令可以预渲染应用里的所有路由,生成相应的静态页面。
在项目里面,执行一下 npm run generate,实际上执行的就是 nuxi generate 这个命令。完成以后观察一下项目,生成的静态页面都会放在 .output/public 目录的下面。
这里的东西就是一些 .html 还有 .js 文件。部署这种静态站点的时候,只需要把 public 目录里的东西上传到 web 服务器指定的地方就可以了。
在本地可以预览一下生成的静态网站,执行一下 npm run preview,实际执行的是用 serve 这个包提供的功能,在本地创建了一个 web 服务,提供 public 这个目录里的静态资源。
在浏览器,访问一下 http://localhost:3000。 现在我们看到的就是生成的静态网站。