axios向本地主机发布请求

时间:2020-08-27 02:33:59

标签: reactjs api post axios fetch

在使用axios请求发帖时,我遇到了一些问题,代码看起来像这样

axios
  .post("http://localhost/priangan/api/user/login", {
    headers: {
      "Content-type": "application/json; charset=UTF-8",
    },
    data: {
      username: this.state.username,
      password: this.state.password,
    },
  }).then((response) => {
    if (response.status == 200) alert("Login Success");
  });

但是当我请求时,这样的控制台中会出现一些错误 error in console,找不到本地主机

然后我尝试使用访存,代码是这样的

fetch("http://localhost/priangan/api/user/login", {
    method: "POST",
    body: JSON.stringify({
      username: this.state.username,
      password: this.state.password,
    }),
    headers: {
      "Content-type": "application/json; charset=UTF-8",
    },
  }).then((response) => {
    if (response.status == 200) alert("Login Success");
  });

它的工作原理, 那么使用axios的问题是什么? 感谢您的帮助

1 个答案:

答案 0 :(得分:0)

您没有使用正确的语法。让我们试试吧。

axios.post(
  "http://localhost/priangan/api/user/login",
  {
    username: this.state.username,
    password: this.state.password,
  },
  {
    headers: {
      "Content-type": "application/json; charset=UTF-8",
    }
  }
)

因此,axios.post基本上按以下顺序接受3个参数:URL,数据和选项。您提供的dataheaders密钥无效。

正式文件:https://github.com/axios/axios#request-method-aliases