选项net :: ERR_CONNECTION_REFUSED ...但是服务器正在按预期工作?!反应/表达

时间:2018-12-12 23:34:26

标签: reactjs express axios web3

我看到已经有很多关于此主题的文章,因此,如果这是重复的话,我深表歉意。

奇怪的是,也许唯一的(我不知道)是服务器似乎可以正常运行并执行API调用。

我有一个react前端,一个express后端托管在一个AWS EC2实例上。如上所述,当我的前端发出一个axios.post请求时,服务器将执行它应该执行的所有操作,但是返回了两个错误。一个是

OPTIONS http://us-west-1.compute.amazonaws.com:3000 net::ERR_CONNECTION_REFUSED

另一个是

Error: Network Error at createError (createError.js:17) at XMLHttpRequest.handleError (xhr.js:87)

反应代码是:

import React from "react";
import PaypalExpressBtn from "react-paypal-express-checkout";
import axios from "axios";

export default class Pay extends React.Component {

constructor(props) {
 super(props);
 this.state = {
  items: {}
  };
 }

  render() {
    const onSuccess = payment => {
      axios
        .post("http://compute.amazonaws.com:3000/", {
          value: this.props.value,
          fileName: this.props.fileName,
          hash: this.props.hash
        })
        .then(response => console.log(response.data))
        .catch(function(error) {
          console.log(error);
        });

      console.log(payment);
    };

    let env = "sandbox"; // you can set here to 'production' for production
    let currency = "USD"; // or you can set this value from your props or state
    let total = 3.33; // same as above, this is the total amount (based on 

    const client = {
      sandbox:
        "...key...",
      production: "YOUR-PRODUCTION-APP-ID"
    };

    return (
      <div>
        <PaypalExpressBtn
          onSuccess={onSuccess}
        />
      </div>
    );
  }
}

快递代码是:

const express = require("express");
const app = express();
const Tx = require("ethereumjs-tx");
var cors = require('cors')
const Web3 = require("web3");
const web3 = new Web3(
  "https://ropsten.infura.io/v3/d55489f8ea264a1484c293b05ed7eb85"
);

app.use(cors());

const abi = [...]

const contractAddress = "0x15E1ff7d97CB0D7C054D19bCF579e3147FC9009b";
const myAccount = "0x59f568176e21EF86017EfED3660625F4397A2ecE";
const privateKey1 = new Buffer(
  "...privateKey...",
  "hex"
);

app.post("/", function(req, res, next) {
 var hashValue = req.body.hash,
 fileName = req.body.fileName,
 value = req.body.value;

  const contract = new web3.eth.Contract(abi, contractAddress, {
    from: myAccount
    // gas: '50000'
  });

  web3.eth.getTransactionCount(myAccount, (err, txCount) => {
    //Smart contract data
    const data = contract.methods
      .setHashValue(value + " " + fileName + " " + hashValue)
      .encodeABI();

    // Build the transaction
    const txObject = {
      nonce: web3.utils.toHex(txCount),
      gasLimit: web3.utils.toHex(1000000),
      gasPrice: 20000000000,
      data: data,
      from: myAccount,
      to: contractAddress
    };

    // Sign the transaction
    const tx = new Tx(txObject);

    const serializedTx = tx.serialize();
    // const raw = '0x' + serializedTx.toString('hex')

    // Broadcast the transaction
    web3.eth
      .sendSignedTransaction("0x" + serializedTx.toString("hex"))
      .on("receipt", console.log);
    next();
  });
});

app.listen(3000, () => console.log("listening on 3000"));

我要重申服务器正在按预期广播Ethereum事务。我问的原因是因为我不希望出错,并且正在检查这是否是我通过json返回调用遇到的更大问题的一部分。

感谢您的帮助。谢谢!

1 个答案:

答案 0 :(得分:0)

我通过添加res.json()

解决了此问题
web3.eth
  .sendSignedTransaction("0x" + serializedTx.toString("hex"))
  .on("receipt", console.log, res.json);