vue.js 外部配置文件（參考）

1.在vue項目中的static目錄下新增文件config.json

{
    "apiUrl": "http://127.0.0.1:30010/support/"
}

2.在main.js中引入axios，並定義一個全局函數來獲取配置文件

import axios from 'axios'

Vue.prototype.$http = axios
Vue.prototype.getConfig = function () {
  this.$http.get('./static/config.json').then(res => {
    Vue.prototype.apiUrl = res.data.apiUrl
  }).catch(err => {
    console.log(err)
  })
}

3.在app.vue里面調用getConfig()獲取ApiUrl，使用時直接使用 this.ApiUrl+'/api/‘ 進行調用

//調用getConfig()獲取ApiUrl
mounted() {
  this.getConfig();
}

4.輸入npm run build進行打包，查看dist文件夾下的config.json文件，實現外部配置