我的数据库中图片数据是这样的
我在vue中通过循环是这样引用的
但是结果报错，而报错时我的路径前面多了个./我不知道从哪里加的
请大家帮我解决一下这个问题
vue图片加载时出现错误
我在vue中通过循环是这样引用的
但是结果报错，而报错时我的路径前面多了个./我不知道从哪里加的
请大家帮我解决一下这个问题
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
浪在前端 2023-04-18 09:38关注直接写
:src=`@/assets/img/goods/${item1.image}`本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2022-06-09 11:06回答 3 已采纳 好像是因为后台返回的图片数据为null，具体原因忘了，加了v-if判断后就可以了
- 2022-12-16 17:00回答 3 已采纳 你确定你显示使用的地址是后端给的地址吗，
- 2021-12-07 18:07回答 1 已采纳 开启gzip压缩 优化首屏加载时间，可以看我写的博客 https://blog.csdn.net/qq_38974163/article/details/120995974 望采纳^O^
- 2020-10-15 13:25具体到Vue项目，当图片资源的路径通过动态绑定到src属性时，由于请求被转发到了后端服务器，而图片实际上位于前端静态资源目录中，造成后端服务器返回404错误。在实际开发中，我们通常会使用Webpack工具来打包静态...
- 2023-04-09 10:50回答 10 已采纳 chatgpt:不喜勿喷在 Vue 中，您可以使用浏览器的 File API 来读取本地文件，而不是使用 Node.js 的文件系统模块。您可以通过以下代码实现 const fileInput = d
- 2022-03-11 15:16回答 2 已采纳 没有配置 proxy吗？下载地址 也用上 proxy的配置
- 2022-05-23 13:46回答 1 已采纳 逻辑上来说 你 import 同样还是引入了很多组件 这个了解吧？ 我这边的理解是 问题1：路由懒加载只是相对于你当前的页面这个路由进行了拆分js，那你路由下同样可能引入了使用的其他js（nod
- 2020-08-28 02:16在前端开发中，图片加载是非常常见的操作，但是如何在图片加载完成前展示 Loading 效果呢？今天，我们将分享一篇使用 Vue 实现图片加载完成前的 Loading 组件方法，这个方法可以帮助开发者快速实现图片加载前的 ...
- 2022-11-02 09:43回答 6 已采纳 利用按钮和弹框来实现移动图片和获取图片位置信息，用的是elementUI组件。参考代码： <template> <div> <el-button
- 2022-04-15 20:10回答 1 已采纳 不知道这样可以不可以满足你的需求。 例: <template> <div class="home"> {{ msg }} <van-button
- 2022-07-09 15:06回答 2 已采纳 props.navData.findIndex((item) => item.is_active).toString()是index，并不是id是不是应该改成 props.navData.fin
- 2020-10-18 02:27- **错误处理**：添加错误处理机制，当图片加载失败时，可以显示默认图片或提示信息。 在实际开发中，确保图片正确加载并处理可能出现的问题是提高用户体验的关键。通过理解和解决这些问题，我们可以构建更加健壮的...
- 2022-07-24 17:56回答 5 已采纳 400是一般是请求参数错误。检查请求参数或是请求方式。
- 2022-04-19 19:14Jiang_JY的博客 1、安装vue-lazyload插件 npm install vue-lazyload --save-dev 2、在main.js中进行引用 import VueLazyload from "vue-lazyload"; Vue.use(VueLazyload); //或者自定义配置插件 Vue.use(VueLazyload, { preLoad...
- 2024-03-11 17:32qq_41985405的博客 【代码】Vue 图片加载失败显示默认图片。
- 没有解决我的问题, 去提问
