解决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 分钟前
短思考第264天,每天复盘5分钟,胜过你盲目努力1整年(2)
前端·后端·ai编程
nono牛2 分钟前
实战项目:设计一个智能温控服务
android·前端·网络·算法
敲敲了个代码7 小时前
从硬编码到 Schema 推断:前端表单开发的工程化转型
前端·javascript·vue.js·学习·面试·职场和发展·前端框架
张雨zy8 小时前
Pinia 与 TypeScript 完美搭配:Vue 应用状态管理新选择
vue.js·ubuntu·typescript
dly_blog9 小时前
Vue 响应式陷阱与解决方案(第19节)
前端·javascript·vue.js
消失的旧时光-19439 小时前
401 自动刷新 Token 的完整架构设计(Dio 实战版)
开发语言·前端·javascript
console.log('npc')9 小时前
Table,vue3在父组件调用子组件columns列的方法展示弹窗文件预览效果
前端·javascript·vue.js
用户47949283569159 小时前
React Hooks 的“天条”:为啥绝对不能写在 if 语句里?
前端·react.js
我命由我123459 小时前
SVG - SVG 引入(SVG 概述、SVG 基本使用、SVG 使用 CSS、SVG 使用 JavaScript、SVG 实例实操)
开发语言·前端·javascript·css·学习·ecmascript·学习方法
用户479492835691510 小时前
给客户做私有化部署,我是如何优雅搞定 NPM 依赖管理的?
前端·后端·程序员