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

devtools/2025/2/5 1:48:27/

很久没发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/devtools/156140.html

相关文章

【Redis】安装配置Redis超详细教程 / Linux版

Linux安装配置Redis超详细教程 安装redis依赖安装redis启动redis停止redisredis.conf常见配置设置redis为后台启动修改redis监听地址设置工作目录修改密码监听的端口号数据库数量设置redis最大内存设置日志文件设置redis开机自动启动 学习视频:黑马程序员Redis入门到…

AUTOSAR从入门到精通-【新能源汽车】高压配电管理(PDU/BDU)(二)

目录 几个高频面试题目 BDU与PDU区别 算法原理 新能源汽车相关概念 什么是高压配电管理(PDU/BDU) 电动汽车高压配电盒的技术特点 PDU高压配电单元 BDU电池包断路单元 PDU/BDU铜排的作用 PDU/BDU铜排的优化和控制 PDU/BDU铜排对整个系统的稳定性和安全性的重要影响…

解析PHP文件路径相关常量

PHP文件路径相关常量包括以下几个常量: __FILE__:表示当前文件的绝对路径,包括文件名。 __DIR__:表示当前文件所在的目录的绝对路径,不包括文件名。 dirname(__FILE__):等同于__DIR__,表示当前…

自制虚拟机(C/C++)(三、做成标准GUI Windows软件,扩展指令集,直接支持img软盘)

开源地址:VMwork 要使终端不弹出&#xff0c; #pragma comment(linker, "/subsystem:windows /ENTRY:mainCRTStartup") 还要实现jmp near 0x01类似的 本次的main.cpp #include <graphics.h> #include <conio.h> #include <windows.h> #includ…

计算机毕业设计hadoop+spark+hive图书推荐系统 豆瓣图书数据分析可视化大屏 豆瓣图书爬虫 知识图谱 图书大数据 大数据毕业设计 机器学习

温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 作者简介&#xff1a;Java领…

【C++基础】字符串/字符读取函数解析

最近在学C以及STL&#xff0c;打个基础 参考&#xff1a; c中的char[] ,char* ,string三种字符串变量转化的兼容原则 c读取字符串和字符的6种函数 字符串结构 首先明确三种字符串结构的兼容关系&#xff1a;string>char*>char [] string最灵活&#xff0c;内置增删查改…

在 Ubuntu 中使用 Conda 创建和管理虚拟环境

Conda 是一个广泛使用的包管理和环境管理系统&#xff0c;尤其适用于数据科学和 Python 开发。本文将指导你如何在 Ubuntu 系统中安装 Conda 并创建基于 python3.11 的虚拟环境。 1. 安装 Miniconda 或 Anaconda 方法 1&#xff1a;下载并安装 Miniconda Miniconda 是一个轻量…

利用deepseek参与软件测试 基本架构如何 又该在什么环节接入deepseek

利用DeepSeek参与软件测试&#xff0c;可以考虑以下基本架构和接入环节&#xff1a; ### 基本架构 - **数据层** - **测试数据存储**&#xff1a;用于存放各种测试数据&#xff0c;包括正常输入数据、边界值数据、异常数据等&#xff0c;这些数据可以作为DeepSeek的输入&…