You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.14 15:04:51