javascript - vue2.0專案使用webpack打包上線

Question

在開發vue專案時，由於在webpack中會產生跨域的問題，所以就在根目錄下config檔的index.js子檔下修改了dev的proxyTable配置從而解決問題，但是到了打包上線的時候這些路徑就會出現問題：
例如：
1、在index.js檔案中設定:

proxyTable:{
    '/api': {
    target: 'http://api.*******.cn',
      changeOrigin: true,
      pathRewrite: {
      '^api':'api'
    }
  }
}

2、在vue某一個需要get/post的檔案中使用vue-resoure

this.$http.get('api/**/**/**/hello',...).then((res) => {
...
}).catch((err) => {
...
})

結果是：
1、在開發過程中使用dev指令可以解決跨域，但是打包之後該連結就不行了。
問題：
如果不用手動去該每一次this.$http.get的url,那麼有什麼辦法可以解決咧嘴？

Answer 1

把所有的url提取出來放到一個單獨的檔案裡（apis.js）然後統一控制apis.js一個檔案就好。

接著在apis.js裡用process.env.NODE_ENV === 'production'來區分是開發環境還是生產環境，分別export開發版本和生產版本的url就好。