ajax - 请求的资源上不存在 'Access-Control-Allow-Origin' header - Mollie 支付 ajax

Question

我正在尝试使用以下 2 个库创建 mollie 付款:

https://github.com/barryvdh/laravel-omnipay

https://github.com/thephpleague/omnipay-mollie

当客户端填写表单并提交一个 ajax 请求时，我的 Laravel 应用程序中的一个函数将被发送。

在我的 Laravel 函数中，我尝试执行以下操作:

$gateway = Omnipay\Omnipay::create('Mollie');

$gateway->setApiKey('test_gSDS4xNA96AfNmmdwB3fAA47zS84KN');

$params = [
    'amount' => $ticket_order['order_total'] + $ticket_order['organiser_booking_fee'],
    'description' => 'Kapelhoek wijkfeesten',
    'returnUrl' => URL::action('EventCheckoutController@fallback'),
];


$response = $gateway->purchase($params)->send();


if ($response->isSuccessful()) {
    // payment was successful: update database
    print_r($response); die;
} elseif ($response->isRedirect()) {
    // redirect to offsite payment gateway
    return $response->getRedirectResponse(); die;
} else {
    // payment failed: display message to customer
    echo $response->getMessage(); die;
}

但我得到了这样的回应:

XMLHttpRequest cannot load https://www.mollie.com/payscreen/select-method/PRMtm6qnWG. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://kapelhoektickets.dev' is therefore not allowed access.

我怎样才能解决这个问题？

Answer 1

线路return $response->getRedirectResponse()正在重定向到应将消费者发送到的支付 URL。但是，在 AJAX 调用中不允许这种重定向。

相反，您的脚本应该使用 $response->getRedirectUrl() 打印此付款 URL。并且您的网页应该使用 javascript 重定向消费者。