Nuxt应用使用@nuxtjs/svg-sprite时Hydration不匹配问题求助
Nuxt.js Hydration 不匹配问题:@nuxtjs/svg-sprite 组件路径渲染不一致
我在修复Nuxt.js的Hydration不匹配问题时遇到了阻碍,具体表现为:
- 服务端渲染生成的href内容:
/_nuxt/tabbar.DZ-rw7fi.svg#balance - 客户端预期的href内容:
http://stels-and-co-frontend-nuxt3.mt125.mt-pc.ru/_nuxt/tabbar.DZ-rw7fi.svg#balance
问题出在@nuxtjs/svg-sprite模块的svg-icon组件上——该组件在服务端渲染时输出相对路径,而在客户端渲染时输出完整的绝对路径,导致Hydration校验失败。
我尝试在Nuxt配置中添加publicPath参数来统一路径格式,但没有产生任何效果:
defineNuxtConfig({ svgSprite: { publicPath: 'http://stels-and-co-frontend-nuxt3.mt125.mt-pc.ru/_nuxt/' } })
内容的提问来源于stack exchange,提问作者ZloiGoroh
相关产品推荐
相关产品推荐

