vue 图片加载路径问题

Question

因为图片加载不出来，一开始我还去以前的文件查看了下……路径写成：src/assets/weathercn/..png就可以的了，以前的目录和现在这个项目是一样的。查询谷歌后，我无论写成../assets/weathercn 或者 ./src/assets 或者 ../src/..都不可行。浏览器也没有报错。请问这是什么问题？

补充：刚才直接用img标签写了后发现是可以的，但是如果绑定了src属性的话则不行。我的repImg方法是写在src目录下的utils文件里面的。

Answer 1

图片不显示无非就两种情况：一种是资源找不到，一种是样式问题，其中样式有可能是图片无高宽、层叠过低被覆盖等等！不过也有种奇葩情况，就是图片资源刚刚大于limit值一点点，如果该图片多个地方使用，会出现有些地方也会打包成base64，有些地方不会，那不会的地方就不会显示，我们公司项目就遇到了这种奇葩情况。这说明limit也会有微小误差的。不是很清楚图片您是怎么使用的？正确使用方式：Vue：&nbsp; &nbsp; <template>&nbsp; &nbsp; <div>&nbsp; &nbsp; &nbsp; &nbsp; <img :src="imgUrl">&nbsp; &nbsp; </div></template>JS:import testImg from '../assets/test.jpg'export default {&nbsp; &nbsp; data() {&nbsp; &nbsp; &nbsp; &nbsp; return {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; imgUrl: testImg&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }}疑惑：图片打包完引用路径不应该以‘/’开头吗？您这边是相对路径。我这边打包路径是这样的：是以‘/’开头的。您将图片链接放在一个函数里面，函数返回的图片路径是固定的，但webpack编译后，通过url-loader加载器图片路径和名称都发生了变化了，但是您代码html并没有发生变化，自然而然就找不到了！您可以将图片import .. from '../....' 打印下，然后再打印下函数的值，您会发现两个值根本不对应！还有一个建议：返回语句不应包含赋值！在严格语法上会报错的！快速写了一个demo：

Answer 2

这是路径问题，是一个通用问题，与具体语言无关首先.表现相对当前路径，比如main.js可以通过./App.vue访问App.vue..表现相对上一目录的路径，比如utils下的某一个文件A.vue可以通过../main.js访问main.js,/表示绝对路径，一般为项目的根目录，比如你说的&nbsp;/src...这里访问不到，是因为访问位置错了，我不知道你的replaceimg.js放在那里，如果是compents/xxx/replaceimg.js&nbsp;,访问需要&nbsp;../../assets/...