GO语言引用React+Antd(脚手架使用dva@2,使用umi进行build)遇到问题,并解决后的记录

本文记录了在使用Go语言搭建静态服务,托管React+Antd应用(基于dva@2.0和umi构建)时遇到的问题。主要问题是静态资源路径引用不正确,导致XX/staticsrc__pages*.js的错误。解决方案在于确保路由基础目录'static/'后必须添加'/',以便正确加载js页面。修正后的静态服务配置和HTML引用路径确保了应用正常运行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前提:React+Antd开发使用dva作为脚手架,dva版本为2.0版本(1.0用的是roadhog编译),使用umi进行编译。生成的文件目录如下:

--index.html(会引用./static/umi.XX.css以及./static/umi.XX.js)

--service-worker.js

--static

------static(内容为需要使用的图片)

------umi.XX.css

------umi.XX.js

------若干个src__pages__XX.js(对应为路由页面)

------XX.async.js

------index.html


   我在自己开发时,网上并没有找到对应的GO引用React案例,我自己在引用时,好久都没有成功。最后终于自己找到了问题,在此记录希望对大家有用。

 在使用React+Antd调试代码没有问题后,进行编译并将包导出使用。在使用GO语言做静态服务:

func RouteListen() {
h.Handle("/static/", h.StripPrefix("/static/", h.FileServer(h.Dir("static"))))
h.HandleFunc("/", ReactPage)
err := h.Listen

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值