在Vuejs应用程序中使用$ location.protocol()和$ location.host()

时间:2017-12-29 12:20:16

标签: rest vue.js vuejs2

我在angularJs中有一个应用程序,当我处理API调用时,我使用$location.protocol() + '://' + $location.host()

示例:

return $http({
    method: 'GET',
    url: $location.protocol() + '://' + $location.host() + '/rest/api/category/category',
    headers: {
        'Jwt-token': store.get('jwt')
    }
})

现在我正在VUEjs中构建另一个应用程序,我也不想使用相同的" $ location"调用API的逻辑,但我不知道如何。

我目前的实施是硬编码网址

示例:

getCategories() {
    fetch(`http://myapp.test/rest/api/category/category`, {
        method: 'GET'
    })
    .then(response => response.json())
    .then(json => this.categories = json)
}

如何正确"翻译/转换"从我的Angular应用程序到VueJs的代码($location.protocol() + '://' + $location.host())?如果您需要任何其他信息,请告诉我,我会提供!谢谢!

1 个答案:

答案 0 :(得分:3)

使用可以在Vue应用程序中使用DOM api:

  • document.location.protocol for protocol
  • 当前主持人
  • document.location.host
  • 或仅document.location.origin protocol+'://'+host