用户登录

静态网站不需要服务环境,因为静态网站是一些 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。 现在我们看到的就是生成的静态网站。

生成静态 Nuxt 网站《 Nuxt.js:快速起步 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点