今天歇一下axios请求数据的案例,之前一直用ajax请求,现在看一下官方推荐
1.安装
npm install --save axios
2.引入
在main.js中
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)
3.应用
//第一种方式 参数直接卸载地址栏 get可以适用
this.axios.get('http://www.appsun.com.cn/GZUSER/marktime/getMarkTime?markdate=2019-08-21').then((response) => {
this.list=response.data.data
})
// 将参数写在params中,设置headers请求头信息
this.axios.get('http://www.appsun.com.cn/GZUSER/marktime/getMarkTime', {
params: {
markdate: '2019-08-21'
},
headers: {'X-Requested-With': '123'}
}).then((response) => {
this.list = response.data.data
}).catch(function (error) {
console.log(error);
});