vscode+vue3+高得地图开发过过程中本地视频及地图json文件的发布问题

embedded/2025/2/3 23:34:05/

很久没发blog了,最近vscode+vue3+高得地图开发中,因为有开发的视频教程,还有地图的边界的.json文件,这些静态文件发布时,如果处理不当,build命令会将这些静态文件进行打包。打包后文件名变化了,这样,你的代码在访问这些文件时,就找不到文件了。

处理办法:

1、关于静态文件如:.mp4 、.json文件的存放位置问题:

比如:前端运行后为:  http://xxx.xxx.xxx:9500/,那么该文件夹对应的路径为:src所在的目录。

比如:我的json文件是放在src/mapjson/的文件夹下的:

访问的时候:

2、如何让这些.mp4   .json静态文件在build时,不参与打包,即不修改文件名(打包后全部会封装到js文件中)。处理办法:

3、发布时,public文件夹下面的文件会原封不动的Copy到发布后的文件夹下面,所以,也需要将json文件COPY一份到:public文件夹下:


http://www.ppmy.cn/embedded/159306.html

相关文章

vscode命令面板输入 CMake:build不执行提示输入

CMake:build或rebuild不编译了,弹出:> [Add a new preset] , 提示输入发现settings.jsons设置有问题 { "workbench.colorTheme": "Default Light", "cmake.pinnedCommands": [ "workbench.action.tasks.configu…

Hive详细讲解-基础语法快速入门

文章目录 1.DDL数据库相关操作1.1创建数据库1.2指定路径下创建数据库1.3添加额外信息创建with dbproperties1.4查看数据库 结合like模糊查询 2.查看某一个数据库的相关信息2.1.如何查看数据库信息,extended可选2.2修改数据库 3.Hive基本数据类型4.复杂数据类型5.类型…

记一次STM32编译生成BIN文件过大的问题(基于STM32CubeIDE)

文章目录 问题描述解决方法更多拓展 问题描述 最近在一个项目中使用了 STM32H743 单片机(基于 STM32CubeIDE GCC 开发),它的内存分为了 DTCMRAM RAM_D1 RAM_D2 …等很多部分。其中 DTCM 的速度是比通常的内存要快的,缺点是不支持…

【高级篇 / IPv6】(7.6) ❀ 03. 宽带IPv6 - ADSL拨号宽带上网配置 ❀ FortiGate 防火墙

【简介】大部分ADSL拨号宽带都支持IPv6,这里以ADSL拨号宽带为例,演示在FortiGate防火墙上的配置方法。 准备工作 同上篇文章一样,为了兼顾不熟悉FortiGate防火墙的朋友,我们从基础操作进行演示,熟练的朋友可以跳过这一…

解锁计算机视觉算法:从理论到代码实战

目录 计算机视觉:开启智能视觉新时代 核心算法大揭秘 传统计算机视觉算法 深度学习驱动的计算机视觉算法 基于深度学习框架的算法实现 应用领域大放送 自动驾驶 医疗影像分析 安防与监控 其他领域 挑战与应对策略 数据质量问题 计算资源需求 模型鲁棒…

汽车中控屏HMI界面,安全和便捷是设计的两大准则。

在汽车智能化的浪潮中,汽车中控屏 HMI(Human - Machine Interface,人机交互界面)界面已成为车辆与驾驶者沟通的关键桥梁。它不仅集成了众多车辆功能的控制,还承担着信息展示与交互的重任。而在其设计过程中&#xff0c…

【知识科普】HTTP相关内容说明

关于http的一些常识性知识 http头信息**示例****请求头示例****响应头示例** http响应码**状态码分类****常见状态码示例****成功****重定向****客户端错误****服务器错误** HTTP/1.1 和 HTTP/2**1. HTTP/1.1****2. HTTP/2****3. HTTP/1.1 和 HTTP/2 的区别****4. HTTP/2 的核心…

【华为OD-E卷 - 磁盘容量排序 100分(python、java、c++、js、c)】

【华为OD-E卷 - 磁盘容量排序 100分(python、java、c、js、c)】 题目 磁盘的容量单位常用的有M,G,T这三个等级, 它们之间的换算关系为1T 1024G,1G 1024M, 现在给定n块磁盘的容量&#xff0c…