javascript - 如何解决 POST 错误“无法获取”？

Question

我正在尝试发布一个表单以保存到不在本地主机上的 API，但它不起作用。怎么了？api来自django中的服务器也在本地主机上，并且反应是访问它两者都在不同的端口上，一个在/ 3000上，另一个在8000上

<!-- error images -->
    https://i.stack.imgur.com/r3sRl.jpg
    https://i.stack.imgur.com/ab40Q.jpg
    https://i.stack.imgur.com/qkdTT.jpg
        
    > Unhandled Runtime Error  
    TypeError: Failed to fetch
    
    
    <!-- language: lang-js -->
    
        function onChange(evento) {
          const {
            name,
            value
          } = evento.target;
          setValues({ ...values,
            [name]: value
          })
        }
    
        function onSubmit(evento) {
          evento.preventDefault();
    
          fetch('http://127.0.0.1:8000/clientes', {
              method: 'POST',
              headers: {
                'Content-Type': 'application/json',
                'Accept': 'application/json',
              },
              body: JSON.stringify({
                "query": `query{
                    allClientes {
                    id
                    nome
                    sobrenome
                    cpf
                    email
                    endereco
                    numero
                    cep
                    bairro
                    cidade
                    numCelular
                    numTelefone
                    }        
                    
                  }`
              })
            })
    
            .then((response) => response.json())
    
        }

标签： javascriptreactjsfetchfetch-api