Проблема при перенаправлении маршрутов с параметрами

Question

У меня проблемы с перенаправлением маршрутов из учебного приложения. параметр, который я пытаюсь передать странице, становится частью URL.

У меня есть этот маршрут

module.exports = server => {
  server.route({
    method: 'GET',
    path: '/payment/{id?}',
    handler: async (request, reply) => {
      return reply.view('payment/index', { id: request.params.id });
    }
  });
};

Когда я нажимаю кнопку, я хочу go на маршрут платежа и взять идентификатор выбранного товара

    button.btn.btn-primary( type="button" onclick='goSalePage(' + '"' + id + '"' + ')'  ) Buy
  script.
    function goSalePage(id) {      
      window.location.href = `/payment/${id}`
    }

Я хочу открыть колесо / платеж и захватить идентификатор внутри целевой страницы. Однако он собирается маршрутизировать / платеж / идентификатор открывает URL-адрес с идентификатором. Как я могу это исправить?

правильнее было бы открыть эту страницу: