Блог

Главная - Вопросы по программированию - Нажатие history.push объекта createBrowser в библиотеке истории приведет к тому, что файл не будет найден

Нажатие history.push объекта createBrowser в библиотеке истории приведет к тому, что файл не будет найден

#react-router-dom #browser-history #history.js

Вопрос:

В процессе обучения, я ссылался на историю библиотеки в мой HTML-файл, а затем, когда я использовал его, в истории объект, созданный createHashHistory() метод был в полном порядке, но когда объект создается createBrowserHistory() был нажат, адресную строку, чтобы быть пустым, и там был только один-адрес /тест, который я нажал в прошлом, что вызвало файл не найдена ошибка.

Наконец,после нажатия /теста в историю. Адресная строка выглядит следующим образом

История создания -> xxx/xxx/xxx/шаблон.html#/тест

createBrowserHistory -> файл:///тест

 <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>History</title>
  </head>
  <body>  
 <button onclick="window.push('/test')">click me to push test </button>
    <script type="module">
      import { createBrowserHistory } from "https://unpkg.com/history/history.production.min.js"
      let history = createBrowserHistory()

      window.push = function push(path) {
        history.push(path)
        return false
      }

      history.listen(({ action, location }) => {
          console.log( `The current URL is ${location.pathname}${location.search}${location.hash}`);
          console.log(`The last navigation action was ${action}`); 
      });
    </script>
</body>
</html>
Метки: ,