用vue-cli構建的專案通常是採用前後端分離的開發模式，也就是前端與後臺完全分離，此時就需要將後臺介面地址打包進專案中，but，難道我們只是改個介面地址也要重新打包嗎？當然不行了，那就太麻煩了，怎麼解決呢？其實方法很多，接下來我推薦一種最便捷的方法，也是最容易操作的方法。

1.首先我們在static檔案下建立一個js檔案，就叫config.js吧，內容為

window.g = {
  AXIOS_TIMEOUT: 10000,
  ApiUrl: 'http://localhost:21021/api/services/app', // 配置伺服器地址,
  ParentPage: {
    CrossDomainProxyUrl: '/Home/CrossDomainProxy'
 
,
    BtnsApi: '/api/services/app/Authorization/GetBtns',
    OrgsApi: '/api/services/app/authorization/GetOrgsByUserId'
  },
}

2.接下來我們只需要在index.html這個入口檔案裡引入該檔案（注意路徑就ok）

<script type="text/javascript" src="/static/config.js"></script>

3.然後你就可以在你需要的地方隨意獲取就行了，比如

var baseURLStr = window.g.ApiUrl
// 建立axios例項
const service = axios.create({
  baseURL: baseURLStr, // api的
 
base_url
  timeout: 5000 // 請求超時時間
})

4.最後在打包成功之後，config,js檔案不會被打包，依然存在static資料夾下，如果需要修改只需要用記事本開啟檔案修改地址就OK了，而且該方法也不會影響開發模式，是不是很簡單有效呢，快去嘗試一下吧