vben-admin使用记录

本文描述了在使用vben-admin项目时,如何解决在开发环境中路由跳转到public文件夹内的html文件失败的问题,原因在于vben-admin的本地静态服务器默认返回index.html。解决方案是在特定插件配置中添加判断,但需注意这仅限于开发模式且会被pnpminstall重置。
摘要由CSDN通过智能技术生成

1. 开发环境路由跳转public文件夹里的html失败的问题

场景:

项目引入了ruoyi-activiti6.0的 流程设计前端代码modeler.html以及相应的静态资源,全部放在public文件夹下。正常的vue3+vite+router项目,直接在 url中输入http://localhost:5173/modeler.html就能访问到。但是vben-admin里无法直接访问到public下的静态资源,看起来一直返回的首页然后是404。
vben-admin的github的issures中找到了答案。

分析原因:

vben-admin起本地静态服务器时,匹配不同路由地址返回资源时,一直返回的index.html。
vite的serve配置在vite-plugin-html插件(HTML 压缩、EJS 模版、多页应用、自定义entry、自定义template)中有修改到。如下图:
在这里插入图片描述
上图中能看出,除了接口地址,其它都返回了index.html!

解决方案:
  1. 直接在node_modules中找到上图插件的位置,加上那句判断即可。(但下次pnpm install时会被重置掉)
  2. 此问题只有开发模式才有,可以另外开个端口访问其它html
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值