vue.js - Vue - Vue CLI - API 变量

Question

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

在这种情况下，我的设置依赖于多个环境(local、dev、stage、prod)。全部基于域关系。

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'}
});