main.js配置
import Axios from 'axios' Axios.defaults.method = 'GET'//设置默认的请求类型 Axios.defaults.baseURL = 'https://apis.jxcxin.cn/api'//设置接口地址 Axios.defaults.params = { token: 'abc' } //每次请求都带上这个参数 Axios.defaults.timeout = 5000 //请求的超时时间 Vue.prototype.$axios = Axios
简化接口地址
配置了baseURL 直接写路径即可
this.$axios.get('/title',//直接写路径即可 { params: { id: 10 } }).then(res => { console.log(res) })
多台服务器配置
如果存在多台服务器,有多个接口使用 Axios.defaults.baseURL 就直接写死了,这个时候可以二次封装要一下,
例如:登录,或数据处理不是同一个服务器上的
import Axios from 'axios' Vue.prototype.$axiosServ1 = Axios.create({ baseURL: 'www.BAIDU.com' }) Vue.prototype.$axiosServ2 = Axios.create({ baseURL: 'www.avc.com' })
this.$axiosServ1.get('www.baidu.com').then(res => { console.log(res) })//服务器1 this.$axiosServ2.get('www.baidu.com').then(res => { console.log(res) })//服务器2