Vue封装axios到全局
import axios from 'axios'import Vue from 'vue',axiso 封装axios.defaults.baseURL = "http://localhost:3000"// axios 注册在Vue原型中,供所有组件使用Vue.prototype.$axios=axios;export default axios
·
import axios from 'axios'
import Vue from 'vue'
axios.defaults.baseURL = "http://localhost:3000"
// axios 注册在Vue原型中,供所有组件使用
Vue.prototype.$axios=axios;
export default axios
补充:
- 需要先安装axios:yarn add axios
- src目录下创建utils文件夹-->创建request.js
- 最后在request.js中复制上述代码即可
此外:
- 由于后台服务器 拆成了不同业务项目(微服务)
- 所以需要使用若干个不同基地址的axios对象来分别请求
- 此时,可以通过axios.create创建不同配置的axios对象
import axios from 'axios'
/**
* 封装 axios 请求模块
*/
const axios1 = axios.create({
baseURL: '' // 基础路径
})
export default axios1
更多推荐
已为社区贡献3条内容
所有评论(0)