解决vue中使用vite-plugin-cesium插件打包后运行项目报错

我对项目打包后运行查看打印台报错

http://192.168.31.13:88/dp/cesium/Widgets/widgets.css net::ERR_ABORTED 404 (Not Found)

http://192.168.31.13:88/dp/cesium/Cesium.js net::ERR_ABORTED 404 (Not Found)

最后发现打包的路径有问题,因为我的vite.config文件中的base填写了路径,导致打包会把cesium打包到/dp目录下

打包后的目录结构,可以发现打包后的cesium外面会套一层base目录,这是导致路径报错的根本原因。

解决方法1:

就是打包后,手动将cesium复制挪到根目录下,这样项目就可以正常运行访问cesium了。

方法2:

降vite-plugin-cesium的版本,我当前的版本是1.2.23,可以降版本降到1.2.22版本也可以。

1.2.22版本打包后,cesium会在打包后的根目录下,不会出现路径错误的问题。

相关推荐
程序员黑豆6 小时前
鸿蒙应用开发:V1与V2版本数据持久化实战教程
前端·harmonyos
小月土星10 小时前
React Router 前端路由深度解析:从传统后端路由到现代 SPA 的完整演进
前端
程序员黑豆10 小时前
鸿蒙开发 Navigation 路由教程:从入门到实战
前端·harmonyos
烬羽12 小时前
React Router v7 完全指南:一个 Demo 吃透前端路由
javascript·react.js·前端框架
烬羽12 小时前
从"整个页面刷新"到"丝滑切换":手写一个 HashRouter 彻底搞懂前端路由
javascript·前端框架·全栈
用户9385156350712 小时前
从零理解 React Router v6:每一个 API 都是怎么工作的
前端·javascript·全栈
用户0595401744614 小时前
Redis缓存回滚踩坑实录:一个配置失误,让我在凌晨3点丢了3000条数据
前端·css
kyriewen15 小时前
别再这样写条件渲染了——你的React组件里藏着这5种定时炸弹
前端·javascript·react.js
IT_陈寒15 小时前
Redis缓存击穿把我坑惨了,原来这样设过期时间才靠谱
前端·人工智能·后端
用户9385156350715 小时前
从"坐电梯"到"前端路由"——深入理解 Hash 路由原理
前端·typescript·全栈