The difference between history and hash in vue

The main differences between history and hash modes in Vue are as follows: history mode uses the real URL path, while hash mode uses a hash symbol at the end of the URL. The history mode modifies the browser history, and the hash mode does not modify the history. Refreshing the page in history mode will trigger a server request, but hash mode will not. History mode is search engine friendly, hash mode is not. The history mode has high compatibility, and the hash mode has good compatibility.

The difference between history and hash in Vue

Question: History and hash in Vue What's the difference?

Answer:

The two modes of history and hash in Vue are used to manage browser URLs. The main difference between them is:

1. URL structure

• history: Use the actual URL path, such as "/ about".
• hash: Use the hash (#) symbol at the end of the URL, such as "/#about".

2. Browser history

• history: will modify the browser history, allowing users to use back and forward Buttons navigate between pages.
• hash: Browser history will not be modified and the user will stay on the same page when using the back and forward buttons.

3. Refresh behavior

• history: Refreshing the page will cause a new request, and the server will render the entire page .
• hash: Refreshing the page does not trigger a server request, the browser only reloads the current page.

4. Search engine friendliness

• history: is search engine friendly because the URL contains meaningful information.
• hash: Not search engine friendly because the hash part is not recognized by search engines.

5. Compatibility

• history: Requires HTML5 History API support, available in most modern browsers have.
• hash: It has good compatibility and can be used in all browsers that support JavaScript.

Best Practice

• If you need to modify the browser history and support back/forward navigation, use history mode.
• If you need not to modify the history or worry about compatibility issues, use hash mode.

The above is the detailed content of The difference between history and hash in vue. For more information, please follow other related articles on the PHP Chinese website!