nuxt本地好好的,部署到服务器,页面跳转刷新报 500 Server error 错误

750 阅读1分钟

1111111111122222222222222.png

NUXT

如上图当 nuxt 项目在生产环境运行时,如果服务端运行出错,比如 asyncData 方中出错时候,会抛出如上错误页面:

问题

页面跳转没有问题,当刷新页面就会如上图, 废话不多说--经过排查解决方案如下

解决方案

页面有引入dayjs,导致页面刷新报错

image.png

将引入方式修改为如图就可以, 这是因为一些只兼容客户端的脚本被打包进了服务端的执行脚本中去。对于只适合在客户端运行的脚本,需要通过使用 process.client 变量来判断导入

image.png

使用方式

image.png