VUE—axios配置项例如baseURL外部使用（图文）

VUE—axios配置项例如baseURL外部使用

第一步： 新建http文件夹，并在里面新建一个index.js用来写外部axios配置项

里面的内容为

import axios from 'axios' 
// 一定要安装并引入axios
let server = axios.create({
  baseURL: 'http://121.31.30:aa/',
  // 将全部完整路径例如http://121.31.30:aa/bb中的http://121.31.30:aa/写在baseURL里即可
})
export default {
  // 自定义插件写法
  install: function (vm) {
    vm.prototype.$server = server
  }
}

第二步： main.js里面写入

import server from './http'
Vue.use(server)

第三步：调用

created () {
      this.$server.get('bb').then((res) => {
        console.log(res)
      })
    }

效果如下