красивая строка поиска URL вместо вопросительных знаков

Question

Я просматривал другие веб-сайты и вижу, что при поиске, в основном что-то вроде поискового запроса, местоположения и категории, вы увидите симпатичный URL, например:

example.com/black-boots/new-york/shoes

вместо того, что у меня сейчас, что-то вроде:

example.com/search-results/search?=black+boots&city=new+york&category=shoes

В моем маршруте я мог бы начать что-то вроде:

router.get('/search-results/:search/:city/:category', shopController.getSearchResults);

И в контроллере я мог бы использовать req.params.city и так далее, чтобы получить значения из URL, но часть, которую я не могу выяснить, является хорошим способом для ввода значений ввода текста в URL, используя запрос get ,

Использование GET по умолчанию дает мне уродливый URL.

В основном та часть, которая должна войти в форму

<form method="GET" action="/search-results/search/city/category">

Answer 1

Комментарии, плюс этот пример кода для запроса GET:

const form = document.getElementById('searchform');
form.addEventListener('submit', evt => {
  const who = encodeURIComponent(document.getElementById('who').value);
  const where = encodeURIComponent(document.getElementById('where').value);
  const what = encodeURIComponent(document.getElementById('what').value);
  window.location.href = `/${who}/${where}/${what}`;
}