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!
解决方案:
- 直接在node_modules中找到上图插件的位置,加上那句判断即可。(但下次pnpm install时会被重置掉)
- 此问题只有开发模式才有,可以另外开个端口访问其它html