如何将路径变量传递给axios GET请求

时间:2019-12-09 11:48:23

标签: vue.js get xmlhttprequest axios path-variables

我正在将axios HTTP库与vuejs一起使用以发出REST API请求。现在,我有一个用例来检查用户名是否存在。以下是axios的要求

    this.$axios
            .$get("/user/profile/find/username/${username}")
            .then(response => {
              var isUsernameAvailable = response.id == 0 ? true : false;
              resolve(isUsernameAvailable);
            })

在这里,当我将username作为URI变量传递时,它将作为纯文本传递。我调查了axios文档,找不到如何执行此操作的示例。然后我遇到了下面的问题。因此,我从这个问题中得到的是axios不支持URI变量,这对于单一用途的HTTP库来说是la脚。

https://github.com/axios/axios/issues/706

那么,现在的问题

  1. 我在这里错过了什么吗,还是axios确实不支持URI变量?
  2. 是否有任何直接的解决方法?或其他人如何处理这个问题。
  3. 最后,Vuejs建议使用axios,但我还应该考虑其他哪些选择? fetch()或同构提取怎么样?

2 个答案:

答案 0 :(得分:0)

尝试这种方式:

this.$axios
  .$get(`/user/profile/find/username/${username}`)
  .then(response => {
    var isUsernameAvailable = response.id == 0 ? true : false;
    resolve(isUsernameAvailable);
  })

答案 1 :(得分:0)

您应该为此使用反引号。我苦恼自己为什么要使用反引号,毕竟它工作正常。任何时候在 URL 中传递变量时都不要忘记您的 ``

相关问题