我正在使用Nextjs并尝试制作多语言应用程序。多语言工作正常,但是当我尝试使用“ en”之类的Cookie获取语言代码时,出现错误。
这样工作;
initialLang = 'en';
setDefaultTranslations({en, fr});
setLanguage('en');
但是,当我尝试设置带有cookie的initialLang无效时。
这种方式不起作用
initialLang = Cookies.get('lang');
setDefaultTranslations({en, fr});
setLanguage(initialLang);
要解决您的问题,您需要退后一步并理解问题。关于cookie的主要问题是您需要拆分代码以读取和写入服务器和客户端的cookie。js-cookie仅适用于客户端。基本上,它可以在客户端上使用,因为它可以与一起使用
document.cookie
。当它调用document
next.js SSR时,后端代码无法读取,document
因为它不存在。如果您想在SSR中读取cookie,则需要从expressjs中捕获它request
并传递到react状态。我建议您使用https://github.com/andreizanik/cookies-next已经解决了这个问题(实现)