我在使用axios的发布请求中中止了请求

时间:2020-06-17 14:44:47

标签: reactjs post axios

我正在尝试发出帖子请求,但是我总是收到错误消息:

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

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

我在这段代码中使用react.js,这是我的新手。无论有没有后端,我都会收到此错误,因此我相信我的错误在前面。另外,我已经测试了后端,并且所有路由都工作正常。我的发布请求以及axios配置文件如下。你们能帮我吗?我已经尝试了以下代码的一些变体,例如,我尝试仅在/ ios而不是整个路径中作为axios中的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;

编辑1:我尝试了路德维希(Ludwiger)告诉我做的事情,但是我遇到了同样的错误。

1 个答案:

答案 0 :(得分:0)

如果您在配置中设置baseUrl,则需要在通话中使用相对路径

await api.post('/cadastro', {...