代码之家 › 专栏 › 技术社区 › Brock

Vue-Vue CLI-API变量

vue-cli vue-router axios vue.js

Brock · 技术社区 · 7 年前

根据Vue实例中的当前域位置设置api url的最佳方法是什么?在角度上,我将使用类似于 Angular Environment 然而,我还没有接触过任何类似的Vue或Axios。

localhost=“/api调用”

开发域。com='devapi.domain.com'

任何帮助都是难以置信的!

1 回复 | 直到 7 年前

Miguel Coder 7 年前

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

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

推荐文章

StuP · 响应式Vue组件在数据更改时不更新

2 年前

dbzx10299 · 对从Api端点返回的数据使用Vue转换组

2 年前

mrDandaleonx · Vue3获取div内容并将其发布到表单

2 年前

ateymour · Vue3在异步调用后将道具传递给子组件

2 年前

Artur Müller Romanov · 是否可以有条件地渲染布局?

2 年前

Ilijanovic · 对象可能未定义

2 年前

devAR · 单击其他组件时,单选按钮未保持选中状态

2 年前

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

Suffii · Vue表单输入绑定的条件绑定存在问题

2 年前

akkonrad · 函数的作用是:返回数据属性为空的实例

2 年前