前言：本地项目使用vue脚手架搭建的，使用git代码管理工具，
1.安装axios： npm install axios --save
2.引入：import axios from axios
3.实例：
methods:{
getHomeData(){
axios.get('/api/index.json')
.then(this.getHomeDataSucc);
},
getHomeDataSucc(res){
//获取数据
}
},
mounted(){
this.getHomeData();
}
4.本地模拟数据放在static下，新建了mock文件夹，并不想把本地静态模拟数据文件提交到线上，只需在.gitignore文件里添加你不想提交额文件路径
5.axios能做到浏览器 发送XHR请求,Node环境发送 http请求,静态文件放在static文件夹下
6.若线上接口请求的路径为 /api/...,本地模拟数据路径又在/static/mock下面，这个时候到时发布到线上的时候会要将请求路径改为/api/....,代理功能出场了
在config下的index.js文件配置，如下：（由webpack-dev-server提供的）
网友评论