vue使用axios请求本地数据

首先在项目中安装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中的数据了。

全部评论

相关推荐

点赞 评论 收藏
分享
评论
点赞
1
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务