The difference between hash and history in vue

The difference between hash and history modes in Vue routing is: URL format: hash uses the # prefix, and history uses the regular path. Browser processing: hash is only processed by the browser and will not be sent to the server; history uses the history API and will send a request to cause the page to be reloaded. Advantages and Disadvantages: Hash has good browser compatibility and does not require server-side configuration, but the URL is not beautiful; history URL is beautiful and can use back-end routing and server-side rendering, but requires server-side configuration.

The difference between hash and history in Vue

In Vue, routing provides two modes: hash and history. The main difference is the format of the URL and how it is handled by the browser.

URL Format

• hash Pattern: Hash fragment using # prefix, for example #/home
• history mode: Use a regular path, such as /home

Browser processing

• hash mode: The hash fragment is not sent to the server and is only processed by the browser. Therefore, the page does not reload and the full path does not appear in the URL.
• history mode: Using the browser's history API, a request is sent to the server when the URL changes, causing the page to reload.

Advantages and Disadvantages

hash mode

• Advantages:

  • No server-side configuration required
  • Better browser compatibility

• Disadvantages:

  • in the URL Hash fragments are not pretty
  • Cannot use backend routing
  • Cannot be used with server-side rendering

history mode

• Advantages:

  • The URL is beautiful
  • You can use back-end routing
  • Can cooperate with server-side rendering Using
• ##Disadvantages:
  Requires server-side configuration
  • May not be supported in some older browsers

Selection recommendations

Choosing the appropriate routing mode depends on the situation:

If a backend is not required routing or server-side rendering, and require better browser compatibility,
• hash mode is a good choice.
If you need backend routing, server-side rendering, or beautiful URLs,
• history mode is a more suitable option.

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