vue 通过axios插件来应用json

在vue想要正常的调用json文件，我们通常可以使用axios插件来满足这个需求，下面我们来看具体操作。

1、安装

cnpm i axios -S     //i 是install 的简写 -S就是–save的简写,写入到 dependencies 对象

2、配置
当配置文件中出现了axios，那就说明安装成功了，但是这个时候还不可以直接使用，我们需要对他进行注册。怎么注册呢，如下：

在main.js文件中加入上面两行代码便实现了全局注册，在这里，用红框圈起来的是自己写的，不过使用$http或者 $axios是比较流行的起法，推荐大家使用。

3、使用

如图所示，我们可以直接使用get方法来获取json文件，用回调函数接收并把返回值赋给你所需要的，上图为用res作为返回值（这是随便起的），data是代表返回值的数据。这样我们就可以成功的应用了json。

小知识：由于vuecli3.0往后的项目基础架构对比旧版本有很大区别。以前是在根目录下的static文件夹下创建json文件，而现在vuecli3、4i已经默认将静态文件改存在public文件夹下了，所以我们直接把json文件放入public文件夹下就可以了。