我nuxt项目是npm run build 打包的, 使用ssr,
在生产环境中,发现首页负载高,想解决首页负载高的问题,能否使用首页静态化
如何实现首页 自动 静态化呢?
首页静态化又如何 部署 ?
使用的nuxt是2版本
我nuxt项目是npm run build 打包的, 使用ssr,
在生产环境中,发现首页负载高,想解决首页负载高的问题,能否使用首页静态化
如何实现首页 自动 静态化呢?
首页静态化又如何 部署 ?
使用的nuxt是2版本
仔细看文档,官方文档有说过 Hybrid Rendering
export default defineNuxtConfig({
routeRules: {
// Homepage pre-rendered at build time
// 首页在构建期间预渲染
'/': { prerender: true },
}
})
渲染模式这一章建议好好看看,Nuxt 与 Vue 最大的区别就在这里。
另外建议经常性把官方文档从头到尾看一遍。
9 回答1.7k 阅读✓ 已解决
6 回答1.6k 阅读
3 回答2.7k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
4 回答1.3k 阅读✓ 已解决
3 回答1.1k 阅读
2 回答1.2k 阅读✓ 已解决
试下吧
在asyncData或fetch生命周期函数中获取数据
在mounted生命周期函数中,使用this.$nuxt.generate()方法生成静态网页。
要把项目部署到生产环境时,
npm run generate
生成静态页面。部署时把静态页面上传到服务器自动化部署,可以用 CI/CD