有时候会根据后台返回的数据拼接图片路径，nuxt项目中，assets下的文件是会被打包编译的，:src=“~/assets/img/${item['xxx']}.png"看图片地址会成为/_Nuxt/XXX,在本地开发的时候加上/_Nuxt/确实可以了，但是打包发布后，会找不到图片。目前发现有两种解决办法
1，把相应的图片丢服务器上，图片地址用网络地址http//www.
2，把要匹配的图片放在public下（nuxt3是public，不是static）。public文件下新建img文件，里边放图片，使用:src=”/img/${item['xxx']}.png"
Nuxt3项目中的问题汇总-图片未显示
转载请注明出处或者链接地址：https://www.qianduange.cn//article/10646.html
相关文章
-
JavaScript对象与JSON格式的转换
-
HTML5简介-HTML5 新增语义化标签-HTML5 新增多媒体标签
-
【HTML教程】跟着菜鸟学语言—HTML5个人笔记经验（三）
-
npm ERR! syscall mkdir npm ERR! path D:\nodejs16\node_cache\_cacache npm ERR! errno -4048 npm ERR! E
-
pnpm-workspace环境搭建
-
【HTML5】第1章 HTML5入门
-
响应式Web设计笔记
-
vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。
-
npm命令失效
-
npm 配置淘宝镜像
发布的文章
vue学习计划
2024-06-08 18:06:08
JavaScript对象与JSON格式的转换
2024-06-08 09:06:10
fastjson1.2.24-RCE漏洞复现
2024-06-08 09:06:33
PHP取得json前面有乱码(去除文件头部BOM ，php json输出有??,css样式也不正常,去除php bom头 ，chrome调试窗口开头多一个空格，有小红点 PHP去掉json字符串中的
2024-06-08 09:06:31
解决JSONObject中属性为null时，不显示问题
2024-06-08 09:06:26
利用MyBatis-Plus灵活处理JSON字段：技巧与最佳实践
2024-06-08 09:06:26
pnpm-lock.yaml、yarn.lock以及package-lock.json的区别
2024-06-08 09:06:26
HTML5简介-HTML5 新增语义化标签-HTML5 新增多媒体标签
2024-06-08 09:06:23
【HTML教程】跟着菜鸟学语言—HTML5个人笔记经验（三）
2024-06-08 09:06:16
JsonPath用法详解
2024-06-08 09:06:55
大家推荐的文章