tree 69a255eb5051307bff0a242b722993d8ed6543a7
parent ee728e69538b70ae7e79b91ff442e7df0a659bcb
author Huy Le Anh <hule@amperecomputing.com> 1732002815 +0700
committer HuyAnhLe <hule@amperecomputing.com> 1736476767 +0000

Use the createWebHashHistory method to avoid 404 errors

When using createWebHistory method in Vue 3, we may encounter a 404
error when reloading a page or accessing a specific URL directly due to
a server configuration that does not properly support HTML5 history,
references at [1] and [2]. Switching to createWebHashHistory method
avoids a 404 error when reloading a page, as it doesn't require a server
configuration to handle navigation. By using the # sign in the URL, the
browser processes everything after the # sign without sending it to the
server, which helps maintain the application state smoothly when
reloading the page.

Tested:
 1. Go to the Obmc web page.
 2. Switch between different pages.
 3. Reload the website by pressing the reload button on the web browser.
 4. The Obmc web page reloads normally, without any errors
 5. Go to the KVM page and press "Open In New Tab"; the new KVM screen
    window displays normally, without 404 error.
 6. Go to the SOL page and press "Open In New Tab"; the new SOL screen
    window displays normally, without 404 error.

[1]: https://router.vuejs.org/guide/essentials/history-mode.html
[2]: https://stackoverflow.com/questions/66514813/error-404-on-page-reload-with-vue3-routing

Change-Id: I6f4dbd2b27888c852b627d74471671352ee43a39
Signed-off-by: Huy Le Anh <hule@amperecomputing.com>