Получить идентификатор из параметров URL

Question

Мой проект использует React 16.9 ^ с крючками, и я пытаюсь получить параметр из URL.

http://localhost:3000/kontakt/confirm-account?token=d5b72ed2-ebb3-4da9-8619-1223234950a5

Мне нужно отсоединить последнюю часть:

confirm-account?token=d5b72ed2-ebb3-4da9-8619-1223234950a5

Какая лучшая практика для этого? Будем весьма благодарны за любые предложения о том, как это можно сделать.

Answer 1

Другой пример: фрагмент w3schools

var allUrl =  window.location.href
var result = window.location.href.split('/').reverse()[0]

document.getElementById("fullUrlId").innerHTML = "full url: " + allUrl ;
document.getElementById("resultId").innerHTML = "url after split: " + result;

<div id= "fullUrlId"> url </div>
<div id= "resultId"> result </div>

Answer 2

window.location.href.split('/').reverse()[0]

Answer 3

если вы пытаетесь использовать систему аутентификации на основе токенов, вы можете отправлять токен на каждый заголовок запроса x-access-token и проверять это на стороне сервера (промежуточное ПО)

Answer 4

<script>
    var urlParams = new URLSearchParams(window.location.search);
    console.log(urlParams.toString()); // this will log the part you need: urlParams.toString()
</script>

Answer 5

Вам действительно нужна вся часть после последнего /? Поскольку вы можете легко получить параметры url (после ?) с помощью window.location.search В противном случае вам понадобится функция манипуляции со строками

Answer 6

Вы можете получить window.location и извлечь эту часть

console.log(window.location)