我在使用axios的帖子请求中得到了中止的请求。

问题描述 投票:0回答:1

我想发一个帖子请求,但我总是得到错误。

Error: "Request aborted"
    createError createError.js:16
    handleAbort xhr.js:73

   [HMR] Waiting for update signal from WDS...   log.js:24

我在这段代码中使用了react.js,我是新手。我在有后台和没有后台的情况下都会出现这个错误,所以我相信我的错误是在前面。另外,我已经测试了我的后台,所有的路由都正常工作。我的帖子请求以及我的 axios 配置文件如下。你们能帮助我吗?我已经尝试了下面代码的一些变化,例如,我试过在axios中只用cadastro而不是整个路径作为URL发送。

帖子请求。

  const [nome, setNome] = useState("");
  const [email, setEmail] = useState("");
  const [cpf, setCpf] = useState("");
  const [senha, setSenha] = useState("");
  const [rg, setRg] = useState("");
  const [data_nascimento, setDataNascimento] = useState("");

  async function save(){

    try{
      await api.post('http://localhost:5000/cadastro', {
        nome,
        cpf,
        email,
        rg,
        data_nascimento,
        senha
      })
    }catch(err){
      console.log(err)
    }
  }

axios:

import Axios from 'axios';

const api = Axios.create({
  baseURL: 'localhost:5000',
  headers: {
    "Content-Type": "application/json",
  },
  crossdomain: true
});

api.interceptors.request.use(function (config) {
  // Do something before request is sent
  console.log(config)
  return config;
}, function (error) {
  console.log(error)
  return Promise.reject(error);
});

export default api;

EDIT 1: 我尝试了ludwiger告诉我的方法,但我得到了同样的错误。

reactjs post axios
1个回答
0
投票

如果你在设置一个 baseUrl 中的相对路径,那么你就需要在调用

await api.post('/cadastro', {...
© www.soinside.com 2019 - 2024. All rights reserved.