报错Error: Cannot find module，解决vue动态加载图片失败问题

当图片保存在本地，然后将其路径放入数据库，再取出来的时候就会出现问题。this.list[i].tpicture是图片的完整地址即这种写法：src="…/assets/product.jpg";imgSrc = require("…/assets/product.jpg")这是错误的，require里边应该是path，所以应该写成这样：‘…/assets/’+this.list[i].tpictu

煮熟的咸鱼

9364人浏览 · 2020-12-17 22:27:13

煮熟的咸鱼 · 2020-12-17 22:27:13 发布

当图片保存在本地，然后将其路径放入数据库，再取出来的时候就会出现问题。
在这里插入图片描述
this.list[i].tpicture是图片的完整地址
即这种写法：
src="…/assets/product.jpg";
imgSrc = require("…/assets/product.jpg")
这是错误的，require里边应该是path，所以应该写成这样：
‘…/assets/’+this.list[i].tpicture，即图中的形式：
在这里插入图片描述
所以在数据库中保存的时候只需要保存后半部分地址就可以，assets以及之前的地址是不需要保存到数据库的。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^