首先在项目中安装axios,然后在static文件夹下创建一个文件夹mock,在里面创建一个index.json文件,在其中写入数据:
图片说明
使用axios对这里的数据进行请求:
图片说明
在浏览器中就可以看到相应的数据:
图片说明
但是在产品上线时我们肯定不能使用axios.get('/static/mock/index.json')请求来获取数据,这时就需要用到wabpack-dev-serve提供的proxy代理功能将请求间接地转发到本地的数据上。proxy功能的使用也很简单,打开config目录下的index.js文件,在开发环境下官方提供了一个proxyTable的配置项,我们进行如下的配置:
图片说明
这样我们在请求数据时只需写入axios.get('api/index.json')就可以请求到index.json中的数据了。