从 axios 获得空响应

Question

我有一个问题，我不断得到一个空数组作为我使用 axios 的 GET 操作的响应。我是 REACT 和 axios 的新手，所以我相信我在这里做错了什么，谷歌搜索没有多大帮助。

代码如下：

checkValues =event =>{
    console.log(this.state.username);
    console.log(this.state.password);

    UserDataService.get_username_id(this.state.username).then(Response => {
        this.setState({user: Response.data});
        console.log(Response.data);
    }).catch (e=> {
        console.log(e);
    });

};

所以基本上在 console.log(Response.data) 我希望得到有效的回复。

我会感谢你的时间和任何帮助。提前致谢。

这是来自 UserDataService 的代码

import http from "../http-common";

class UserDataService {
  getAll() {
    return http.get("/users");
  }

  get(id) {
    return http.get(`/users/id/{id}`);
  }

  get_username_id(username){
    return http.get('/users/username/{username}');
  }

  create(data) {
    return http.post("/users", data);
  }
}



export default new UserDataService();

这是来自 http-common.js

的代码

import axios from "axios";

export default axios.create({
  baseURL: "http://localhost:8080/",
  headers: {
    "Content-type": "application/json"
  }
});

Answer 1

这里应该是模板文字

get_username_id(username){
    return http.get(`/users/username/${username}`);
                    ^                           ^
  }

而不是

get_username_id(username){
    return http.get('/users/username/{username}');
  }

// this will call: "localhost:8080/users/username/{username}" for every input

从 axios 获得空响应

Getting an empty response from axios

crud

reactjs

axios