vue3 vite打包动态加载资源不显示

article2024/5/3 18:53:32/文章来源:https://blog.csdn.net/weixin_43952634/article/details/138006094

imgBG.value =  `/touzi/dice_rotate_${bgNumber}.png`
打包时这样引入的图片不会放到静态资源文件里面，将需要引入的资源放入pbulic文件夹内，
打包后会出现在根目录里面，引用根目录资源即可显示

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mfbz.cn/a/560028.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

继电器工作原理、主要选型参数及应用电路详解

继电器具有输入回路和输出回路，通常应用于自动控制电路中。继电器实际上是用较小的电流去控制较大电流的一种“自动开关”。工作原理继电器的工作原理基于电磁效应。电磁式继电器一般由铁芯、线圈、衔铁、触点簧片等组成。当线圈两端加上一定的电压时，…

CSS基础：盒子模型详解

你好，我是云桃桃。一个希望帮助更多朋友快速入门 WEB 前端的程序媛。云桃桃，大专生，一枚程序媛，感谢关注。回复 “前端基础题”，可免费获得前端基础 100 题汇总，回复 “前端工具”，可获取 We…

基于Kubernetes集群构建MongoDB

基于Kubernetes集群构建MongoDB 作者：行癫（盗版必究）一：基础环境 1.Kubernetes集群正常运行 2.Harbor私有仓库正常运行二：MongoDB项目部署 MongoDB项目对应Kubernetes的yaml文件： --- apiVersion: v1 kind: Namespace metadata:name: m

揭开ChatGPT面纱（一）：准备工作（搭建开发环境运行OpenAI Demo）

文章目录序言：探索人工智能的新篇章一、搭建开发环境二、编写并运行demo1.代码2.解析3.执行结果本博客的gitlab仓库：地址，本博客对应01文件夹。序言：探索人工智能的新篇章随着人工智能技术的飞速发展，ChatGPT作为…

ruoyi element-ui 实现拖拉调整图片顺序安装sortablejs https://sortablejs.com/npm 安装sortablejs npm install sortablejs --save相关options var sortable new Sortable(el, {group: "name", // or { name: "...", pull: [true, false, clone, …

【大模型系列】大模型评价指标总结

文章目录 1 图生文 (Image-to-Text)1.1 BLEU：基于准确率，得分越高越好1.2 METEOR：基于准确率和召回率，得分越高越好1.3 ROUGE：得分越高越好1.4 CIDEr：得分越高越好1.5 SPICE：得分越高越好1.6 Hu…

【云计算】云数据中心网络（五）：对等连接

《云网络》系列，共包含以下文章： 云网络是未来的网络基础设施云网络产品体系概述云数据中心网络（一）：VPC云数据中心网络（二）：弹性公网 IP云数据中心网络（三）…

OpenHarmony网络通信-socket-io

简介 socket.io是一个在客户端和服务器之间实现低延迟、双向和基于事件的通信的库。建立在 WebSocket 协议之上，并提供额外的保证，例如回退到 HTTP 长轮询或自动重新连接。效果展示下载安装 ohpm install ohos/socketio OpenHarmony ohpm 环境配置等更…

原始部落版本潮玩宇宙小程序定制大逃杀游戏APP开发H5游戏

原始部落版本潮玩宇宙小程序定制大逃杀游戏APP开发H5游戏潮玩宇宙小程序定制大逃杀游戏APP开发H5游戏潮玩宇宙大逃杀小游戏模块成品源码，可嵌入任何平台系统，增加用户粘性，消除泡沫，短视频直播引流。玩家选择一间房间躲避杀手…

Vue3+Spring Boot3实现跨域通信解决办法

Vue3Spring Boot3实现跨域通信解决办法 1 跨域是什么？2 何为同源呢?3 解决办法3.1 全局配置3.1.1 实现CorsFilter过滤器3.1.2 实现SpringMVC配置类3.1.3 创建CorsFilterFactory工厂类返回CorsFilter对象 3.2 局部跨域3.2.1 注解配置3.2.2 手动设置响应头(局部跨域)…

Python | Leetcode Python题解之第37题解数独

题目： 题解： class Solution:def solveSudoku(self, board: List[List[str]]) -> None:def dfs(pos: int):nonlocal validif pos len(spaces):valid Truereturni, j spaces[pos]for digit in range(9):if line[i][digit] column[j][digit] bloc…

类和对象【二】this指针，构造函数和成员初始化列表【超详细】

文章目录 this指针this指针的定义this指针的“工作”原理this指针的作用this指针的特点构造函数构造函数的定义构造函数的作用构造函数的特点构造函数的调用方式括号法无参构造或者全缺省构造需要传参才能调用的构造函数隐式类型转换法是只传一个参数就能调用的构造函数是要传…

发泡机液压站比例阀放大器

发泡机液压站是提供动力和压力以驱动发泡机工作的系统。发泡机是一种用于制备聚氨酯发泡材料的设备，而液压站则扮演着为发泡机提供必要动力的角色。具体来看，液压站的主要组成包括： 液压油箱：存储液压油，为系统提供液…

11.接口自动化测试-Allure报告（2）

目录 1.如何同时执行多个测试文件2.Allure的不同层级应用Allure报告： 1.如何同时执行多个测试文件 （1）新建bat文件 （2）写命令 cd ./testCase pytest -s --alluredir ./report --clean-alluredir allure serve ./repo…

Unity之圆环slider

一、参考文章 Unity_圆环滑动条（圆形、弧形滑动条）_unity弧形滑动条-CSDN博客此滑动条拖动超过360后继续往前滑动值会从0开始，正常我们超过360度时不可在滑动。二、超过360度不可滑动问题解决参考HTML文章制作： https://www.c…

Java后端-文件上传大小限制解决

spring版本 2.5.4 报错如下：The field multipartFile exceeds its maximum permitted size of 1048576 bytes. 我上传的文件大小为2.5MB，如下图原因：springboot默认的上传单个文件大小为1MB，而一次请求最大为10MB。解决方案…