前言:本地项目使用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提供的)