vue api接口請求設置全局地址變量

1、創建全局文件
Global.vue

<script>
  //const serverSrc='http://200.200.0.1:8001';  //如果是本地調試運行狀態請用這個地址
  const serverSrc = '..'; //如果是打包時請用這個
  export default {
    serverSrc
  }
</script>

2、全局引入
main.js

import global_ from './Global'   //引用
Vue.prototype.GLOBAL = global_;  //定義全局變量名

3、頁面方法使用

//this.GLOBAL.serverSrc 全局地址
 slectList() {
        /*接口請求班級*/
        this.$http.post(this.GLOBAL.serverSrc + '/api/login/login1', {}, {
          headers: {},
          emulateJSON: true
        }).then((res) => {        
        }).catch(err => {         
        })
      },
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章