vue组件读取static文件夹内json文件的图片路径问题

static是放置静态文件的地方，可以我们也会把json文件放在里面，但是经常我们会遇到读取josn文件内图片路径的问题，这个问题困了我两天，今天一大早就又开始研究这个问题，现在终于得到了解决，关于这个问题，我就在这里说一下，希望可以帮到和我一样的初学者。如果哪里有专业用语不准确的地方，还希望能为我指出，谢谢！

这是我的组件目录：

这里的 ③ 是我自己的 json 文件，里面有图片路径，内容如下（为了方便，我的json里面只有一组数据）：

这里的 ② 就是我的图片了，

这里的 ① 是vue组件的文件(报错是编辑软件报的错，实际运行良好，没有任何报错信息)，就是这个组件需要读取 ③ 里面的内容，当然包括图片的路径了，

在这里， json 里面的图片路径不是相对于 json 文件的图片路径：“./shouji-smal-img/shouji1.png”，而应该是读取 ① vue组件读取图片的路径：“../../static/shouji-smal-img/shouji1.png”

所以我一直在组件内读取不了图片，都是因为在 json 内的图片路径写错了，不应该是相对于 json 文件的图片路径，而应该是调用 json文件的 vue 读取图片的路径

vue组件读取static文件夹内json文件的图片路径问题相关推荐

Java File文件流读取文件夹内的文件并替换文件内容
Java File文件流读取文件夹内的文件并替换文件内容一.前言二.代码三.运行结果一.前言批量读取文件夹内的文件,并替换各个文件的内容二.代码新建一个普通 Java 项目就可以,创建文 ...
【Java文件操作（三）】递归复制文件夹内所有文件
我的博客--Java文件操作系列 [Java文件操作(一)]递归打印文件目录 [Java文件操作(二)]删除文件夹,但保留其内部文件 [Java文件操作(三)]递归复制文件夹内所有文件 [Java文件 ...
php遍历文件夹下文件内容_PHP递归遍历指定文件夹内的文件实现方法
今天早上在地铁上看了关于文件和文件夹的一章,正好最近刚搞懂linux的文件系统,觉得对文件属性的访问跟Shell命令很像,所以想晚上来实践一下. 发现php的文件夹函数好像没有提供遍历文件夹下的所有文 ...
java 移动目录_java 移动文件夹内的文件，从一个目录移动到另外一个目录
原 java 移动文件夹内的文件,从一个目录移动到另外一个目录一:需求:我们将文件夹55下面所有的文件全部移动到66文件夹中. 移动前:55文件夹里面有1.txt:2.txt文件. 移动前:66文件 ...
[VS_C#实战案例]（1）批量提取文件夹内txt文件的指定字符串生成excel表格
[VS_C#实战案例](1)批量提取文件夹内txt内容生成excel表格个人边学习边开发的日常总结,发布在此与各位交流.共同进步. 语言:c# 软件:visual studio 实现功能:提取指定文 ...
查看服务器的文件夹,远程查看服务器文件夹内的文件夹
远程查看服务器文件夹内的文件夹内容精选换一换本章节介绍如何将下载的证书安装到Apache服务器上.安装好证书后,您的Web服务器将能支持SSL通信,从而保证您Web服务器的通信安全.如果证书安装 ...
桌面和文件夹内的文件不能拖动（转…
桌面和文件夹内的文件不能拖动(转) 发现桌面和文件夹内的文件都不能拖动了,然后就总结了下可能的原因,也和大家分享一下,呵呵. 1.先确定没有锁定,没有自动排列,没有对齐到网格.(这些在右键排列图标里边 ...
PHP实现删除文件夹内的文件的功能
PHP实现文件夹内的文件删除功能,大多会用到unlink这个函数.如果要删除指定的文件直接unlink(文件地址),如果要删除一个文件夹内的所有文件,肯定要遍历文件夹,或者找到一个函数能够知道文件夹内 ...
iphone文件夹如何添加服务器,iPhone怎么在文件夹内新建文件夹 iPhone在文件夹内新建文件夹方法...
iPhone怎么在文件夹内新建文件夹?相信很多朋友都不会,于是在各处搜索文件夹套文件夹的方法.但是试过了都失败了,于是乎自己摸索了一下,本教程支持iPad.itouch.iPhone,支持iOS8.4 ...

vue组件读取static文件夹内json文件的图片路径问题

vue组件读取static文件夹内json文件的图片路径问题相关推荐

最新文章

热门文章