vue 设置全局变量、指定请求的 baseurl

npm install axios --save-dev

<script>
  const BASE_URL = 'http://xx.xx.xx.xx'; // 设置全局 URL
  export default{
    BASE_URL
  }
</script>

// 用于和后台交互，发送请求
import axios from 'axios' 
Vue.prototype.$ajax = axios 

// 设置全局变量
import global_ from './Base.vue'
Vue.prototype.GLOBAL = global_;
axios.defaults.baseURL=global_.BASE_URL;

<template>
 
  <div id="box">
	<input type="button" @click="getdata()" value=" 小熊点点它">

    <!-- <h1>site : {{data}}</h1> -->
  </div>

</template>


<script type="text/javascript">

  var data = ""

  export default {
    data () {
      return {
        data 
      }
    },
    methods: {
      getdata() {
        this.$ajax.get(this.GLOBAL.BASE_URL+'/gentle/first').then( res => {
          alert("请求成功，response="+res.data);
          // data = res.data;
          console.log(res.data.navList); 
        }
      )}
    }
  }

</script>