在Razorpay支付成功时导航到另一个页面

Question

我有一个结帐页面，我想在支付成功后导航到主页。目前，我已经使用这段代码导航到主页，但它没有像预期的那样导航。

data = await createOrder(); //Calls the backend route for creating order.
console.log("DATA");
console.log(data);
const res = loadScript("https://checkout.razorpay.com/v1/checkout.js");
if (!data) {
toast.error("Please check if you are online");
return;
}
if (!res) {
toast.error("Razorpay failed to load");
return;
} else {
const options = {
key: <RAZORPAY_KEY>,
amount: price,
currency: "INR",
name: "Merchant",
description: "Complete Transaction",
order_id: data.order_id,
prefill: {
name: checkout.name,
email: checkout.email,
contact: checkout.phone,
},
};
const rzp = new Razorpay(options);
rzp.on("payment.captured", (_) => {
toast.success("Order Placed Successfully");
cart[1]([]);
router.push("/");
});
rzp.open();

这里使用的Razorpay键是一个测试键，我不确定这是否是代码不工作的原因。

Answer 1

在选项中使用callback_url属性:

const options= {
// code
callback_url: '/home'
}