nuxt打包部署踩坑记录

个人博客是用nuxt编写的,初次是使用npm generate打包成静态网站的。这样就遇到了个问题,我发布了篇文章,我的前端页面竟然没有显示。。。

看了Nuxt "generate"和"build"打包方式的区别这篇文章后我找到了答案。原来静态打包后,所有服务端渲染的数据在打包的那一刻就固定了。如果数据变化了,就只能重新打包。(个人认为和hexo写博客一样了)

解决方案:

1、使用npm build打包成web应用程序

优点:一次打包,利于seo
缺点:要开node服务器,服务器压力大
注意:要在nuxt.config.js文件中设置target: 'server',(默认两个值:server和static,否则后端数据改变,前端数据将不会更新)

2、npm generate打包,但要在服务器加个计划任务,定时执行npm generate命令

优点:利于seo,服务器压力小
缺点:要加定时任务,多次打包
注意:要在nuxt.config.js文件中设置target: 'static',(默认两个值:server和static)

猜你喜欢

转载自blog.csdn.net/qq_42944436/article/details/113914326