【问题标题】:OPTIONS net::ERR_CONNECTION_REFUSED...but server is working as intended?! react/expressOPTIONS net::ERR_CONNECTION_REFUSED ...但服务器按预期工作?!反应/表达
【发布时间】:2019-05-14 03:30:52
【问题描述】:

我看到已经有很多关于这个主题的帖子,所以如果这是重复的,我很抱歉。

奇怪且可能是独特的(我不知道)是服务器似乎正在正常运行并正确执行 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 回电时遇到的更大问题的一部分。

感谢任何帮助。谢谢!

【问题讨论】:

    标签: reactjs express axios web3


    【解决方案1】:

    我通过添加 res.json() 解决了这个问题

    web3.eth
      .sendSignedTransaction("0x" + serializedTx.toString("hex"))
      .on("receipt", console.log, res.json);
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-06-17
      • 2022-08-17
      • 2019-06-02
      • 1970-01-01
      • 2015-06-03
      • 2019-05-27
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多