个人博客是用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)