reactjs - 单击按钮时出现 404 错误

Question

反应应用程序正在启动，但只要我输入“支付 500”按钮，就会出现 404 错误。[这是我面临的错误。任何帮助，将不胜感激。先感谢您。 在此处输入图像描述

[按钮][2] .imgur.com/KXEOb.png

displayRazorpay 函数 我无法发布代码，因为堆栈溢出给我一个错误，提示代码太多。

     return (
<div className='App'>
  <header className='App-header'>
    <img src={logo} className='App-logo' alt='logo' />
    <p> React !</p>
    <button className='App-link' onClick={displayRazorpay}>
      Pay ₹500
    </button>
  </header>
</div>

);

async function displayRazorpay() {
    const res = await loadScript(
      'https://checkout.razorpay.com/v1/checkout.js'
    );

    if (!res) {
      alert('Razorpay SDK failed to load. Are you online?');
      return;
    }

    const result = await axios.post('/payment/orders');

    if (!result) {
      alert('Server error. Are you online?');
      return;
    }

    const { amount, id: order_id, currency } = result.data;

    const options = {
      key: 'rzp_test_ebAiytazvr1MvI', // Enter the Key ID generated from the Dashboard
      amount: amount.toString(),
      currency: currency,
      name: 'Anand',
      description: 'Test Transaction',
      image: { logo },
      order_id: order_id,
      handler: async function (response) {
        const data = {
          orderCreationId: order_id,
          razorpayPaymentId: response.razorpay_payment_id,
          razorpayOrderId: response.razorpay_order_id,
          razorpaySignature: response.razorpay_signature,
        };

        const result = await axios.post('/payment/success', data);

        alert(result.data.msg);
      },
      prefill: {
        name: 'Anand',
        email: '[e-mail]',
        contact: '91111111111',
      },
      notes: {
        address: '..............',
      },
      theme: {
        color: '#616161',
      },
    };

标签： reactjshttp-status-code-404razorpay