1、下载axios
npm install axios --save
2、在main中导入:这样就能全局以this.$axios方式使用axios
import axios from ‘axios‘ Vue.prototype.$axios = axios
3、使用
//在模板渲染成html之前调用,用于初始化某些属性值 created(){ var _this = this this.$axios.request({ url:"http://127.0.0.1:8000/api/v1/nav/", method:"GET", }).then(function (data) { //ajax请求发送成功,获取相应内容 console.log(data.data) //data.data获取后端传过来的数据 if(data.data.state === 1000){ _this.header_nav = data.data.data } }).catch(function (ret) { //ajax请求发送失败,获取相应内容 console.log(ret) }) }
注意:
1、变量名.data获取后端传送的数据
2、then回调函数,用于发送请求成功后需要处理的事情
3、catch用于发送失败后应该处理的事情