如何解决单击按钮时出现 404 错误
React 应用程序正在启动,但是一旦我输入“支付 500”按钮,就会出现 404 错误。[这是我面临的错误。任何帮助,将不胜感激。先感谢您。 enter image description here
[按钮][2].imgur.com/KXEOb.png
displayRazorpay function 我无法发布代码,因为堆栈溢出给我一个错误,提示代码过多。
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: 'mmmmmmmmmmm@gmail.com',contact: '91111111111',},notes: {
address: '..............',theme: {
color: '#616161',};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。