解决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会在打包后的根目录下,不会出现路径错误的问题。

相关推荐
周周爱喝粥呀1 分钟前
【基础】Three.js 实现 3D 字体加载与 Matcap 金属质感效果(附案例代码)
前端·javascript·vue.js·3d
克喵的水银蛇4 分钟前
Flutter 通用输入框封装实战:带校验 / 清除 / 密码切换的 InputWidget
前端·javascript·flutter
2501_915909065 分钟前
Fiddler抓包与接口调试实战,HTTPHTTPS配置、代理设置与移动端抓包详解
前端·测试工具·ios·小程序·fiddler·uni-app·webview
我命由我123451 小时前
微信小程序开发 - 为 tap 事件的处理函数传递数据
开发语言·前端·javascript·微信小程序·小程序·前端框架·js
百万蹄蹄向前冲4 小时前
Trae Genimi3跟着官网学实时通信 Socket.io框架
前端·后端·websocket
狂炫冰美式5 小时前
TRAE SOLO 驱动:重构AI模拟面试产品的复盘
前端·后端·面试
1024肥宅7 小时前
JavaScript 拷贝全解析:从浅拷贝到深拷贝的完整指南
前端·javascript·ecmascript 6
欧阳天风7 小时前
js实现鼠标横向滚动
开发语言·前端·javascript
局i8 小时前
Vue 指令详解:v-for、v-if、v-show 与 {{}} 的妙用
前端·javascript·vue.js
码界奇点8 小时前
Java Web学习 第15篇jQuery从入门到精通的万字深度解析
java·前端·学习·jquery