Nuxt

关于Nuxt.js打包ssr的注意事项

原创2026-08-22艾思特码记约 2 分钟阅读
关于Nuxt.js打包ssr的注意事项

众所周知,前后端分离的项目对于SEO不友好,最根本的原因就是网页必须等待js加载完成后再请求接口获取数据,所以导致百度,google等等搜索引擎对善于抓去html网页内容来说十分的不友好。


这不,写这个博客的时候使用了nuxt.js。


使用vue写页面是特别的快,当上线后才发现这个问题,用本地发起请求得到空壳的网站,相关数据压根就没有加载。还好碰巧找到了ssr配置项,一顿操作猛如虎,上线运行依然失败。

1,必须要配置这个环境变量,单独配置下面的项目端口,项目启动起来只能是默认的3000端口

2,当ssr启动后,需要根据站点配置的接口向后台获取实时数据。由于我是使用的异步后台框架,所以当用户访问域名时,首先需要转发到3030端口,再有ssr向后台局域网端口xxxx发送请求获取到实时数据,然后在服务端渲染出html,进行返回。


3,特别服务端没有直接使用 window / document,也没有localStorage / SessionStorage。


4,更新包后服务得重启。