看看控制台报错是什么，JSON里面有没有写错，或者图片文件路径

看看是不是json格式写错了，我是最后多了一个逗号，结果搞半天才找出来?

那你看了一下版本吗，应该不一样，

json数据中，img属性不加路径可以解决

例：

{

       "name": "hello",

       "img": "good1.png"

   },

图片路径问题

你代码是json/bijiben.json，确认下是否有这个json文件

还是不行。请求不到JSON数据，我怀疑是没有安装成功AXIOS的原因

这个应该没有涉及到跨域吧，只是404而已，跨域会报CORS的，至于下面那个是因为因为请求失败，而你又没有catch Promise 的 rejected

因为img和json是属于静态内容（static），而assets中一般被用来解析为模块依赖，属于可变动的文件，支持相对路径。

我的版本和老师的不同，找到node_modules/axios里面的README.md

根据里面的用法，我用下面这段可以正常显示图片了：

const axios = require("axios");

axios.get("json/phone.json").then(function(response) {

obj.list = response.data;

})

.catch(function(error) {

})

.then(function() {

});

是不是axios插件读取json数据出错，建议你重新看一遍视频。

同问，为什么

上代码别直接截图一个报错，这看不出来的

没有读取到img的属性，你的对象数据有问题吧

服务没有启动成功吧

加key值：

v-for = "(good,index) in list"   :key="index"  

或者：

v-for = "good in list"  :key = "good.id" 

这是错误 Error: Can't resolve 'inspector' in 'E:\testcli\proj\src\components'

下图是对应的解决办法，你可以试试。

展开那些 li 标签，看看里面是什么，如果是空，说明没有获取到 json 数据，可以再去看看 json 格式有没有错，或者 json 文件配置有没有错

[

{

"goodName":"联想",

"img":'img/b1.png'

},{

"goodName":"惠普",

"img":''

},{

"goodName":"外星人",

"img":''

}

]

问题已解决，谢谢?

哈哈，你的json数据格式有问题

有错误截图吗，我看看，找找原因

GoodList.vue里面return 上面少打了个;