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

相关推荐
IT_陈寒2 分钟前
React状态管理终极对决:Redux vs Context API谁更胜一筹?
前端·人工智能·后端
lemon_yyds40 分钟前
《vue 2 升级vue3 父组件 子组件 传值: value 和 v-model
vue.js
Kagol1 小时前
TinyVue 支持 Skills 啦!现在你可以让 AI 使用 TinyVue 组件搭建项目
前端·agent·ai编程
柳杉1 小时前
从零打造 AI 全球趋势监测大屏
前端·javascript·aigc
simple_lau1 小时前
Cursor配置MasterGo MCP:一键读取设计稿生成高还原度前端代码
前端·javascript·vue.js
睡不着先生1 小时前
如何设计一个真正可扩展的表单生成器?
前端·javascript·vue.js
天蓝色的鱼鱼1 小时前
模块化与组件化:90%的前端开发者都没搞懂的本质区别
前端·架构·代码规范
明君879971 小时前
Flutter 如何给图片添加多行文字水印
前端·flutter
进击的尘埃1 小时前
AI 代码审查工具链搭建:用 AST 解析 + LLM 实现自动化 Code Review 的前端工程方案
javascript
juejin_cn2 小时前
[转][译] 从零开始构建 OpenClaw — 第五部分(对话压缩)
javascript