首页 文章

Vue - Vue CLI - API变量

提问于
浏览 次
2

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

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

localhost ='/ api-call'

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

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

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

vue.js axios vue-router vue-cli

1 回答

  • 0

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

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

相关问题