时间戳

首页 > 解决方案 > 如何将路径变量传递给 axios GET 请求

vue.js - 如何将路径变量传递给 axios GET 请求

问题描述

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

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

在这里，当我传递usernameas URI 变量时，它以纯文本形式传递。我查看了 axios 文档，但找不到如何执行此操作的示例。然后我遇到了下面的问题。所以，我从这个问题中得到的是 axios 不支持 URI 变量，这对于单一用途的 HTTP 库来说是蹩脚的。

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

所以，现在的问题

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

标签： vue.jsgetxmlhttprequestaxiospath-variables

解决方案

试试这个方法：

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

推荐阅读