Vue - Vue CLI - API变量

Question

根据Vue实例中的当前域位置设置api url的最佳方法是什么？在角度我将使用类似于Angular Environment的东西但是我没有遇到任何与Vue或Axios相似的东西。

在这种情况下，我的设置取决于多种环境（本地，开发，舞台，产品）。全部基于域关系。

localhost ='/ api-call'

dev.domain.com ='devapi.domain.com'

prod.domain.com ='prodapi.domain.com'

任何帮助都会令人难以置信！

Answer 1

我经常做的是将它存储在配置文件的后端，然后在axios中设置变量，但您也可以测试前端的浏览器URL并相应地设置axios。创建axios实例时，您需要将baseURL属性设置为主站点URL。

var instance = axios.create({
      baseURL: 'https://' + window.location.host + '/api/',
      timeout: 1000,
      headers: {'X-Custom-Header': 'foobar'}
});