一开始我就想，用vue检索json多麻烦。完了先去百度，找了几个，看了看上面配置了这个那个，大头看着我。像一些思维逻辑清晰的人，这肯定不会发生。

我在这里说一下我的情况，大家根据情况来代入

当然，如果你刚刚开始创建vue，你必须配置一些东西。我下面说的是你的项目可以运行的情况。之后我会想办法引用json。当然，我这里用的也是axios采集方式。如果不是这个方法，可以带过来。

首先，您应该知道您的json应该放在哪个文件夹中(公共引用)。如果你想写自己的规范，你可以用自己的方式来做。我在网上看到几个在不同的文件夹下，好像是要配置什么东西，我也没有仔细看，但是最好是放在你的标准模式下的静态文件夹下，才能得到上面的图片

如果不放在这个文件夹里，可能会报错！

json数据必须写入的规范

{'status' :' 0 '，' result ' :[{ ' product id ' : ' 10001 '，' productname' : '小米6 '，' prodcut price' 3360' 2499 '，' prod cut img ' : ' { product id ' : ' 10002 '，' productname' : '小米笔记本'，' prodcut price' :' 3999 '，' prod cut img ' 33333336{'productid' :' 10003 '，' productname' : '小米6 '，' prodcut price' :' 2499 '，' prodcut img' :' mi6.jpg'}，{'productid' :' 10004。ProductName': '小米6 '，' prodcut price' :' 2499 '，' prod cut img ' : ' 1 . jpg ' } } JSON需要在写入后导入，所以想办法调用这些数据。因为是本地连接地址，所以必须是http://localhost 33608080/static/。

脚本从“axios”导入axios导出默认{data () {return {res: ' '，//create object}}，mounted () {this.getgoodslist ()}，Methods : { getgoodslist(){ this。$ axios . get(' http://localhost 33608080/static/ceshi . JSON ')。然后((RES)={//引入地址this.res=res //by axios。赋值控制台. log(RES)})} }/Script div class=' hello ' El-table : data=' RES . data . result ' border style=' width : 100% ' El-table-column固定道具=' productid '标签=' date '宽度=' 15 0 '/El-table-column El-table-column道具=' productname '标签=' post '宽度=' 120 '/El-table-column El-table-column道具=' prodcut price '标签='如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！