Home >Web Front-end >Front-end Q&A >Is the Vue project routing in hash mode by default?

Is the Vue project routing in hash mode by default?

WBOY
WBOYOriginal
2022-06-16 10:47:081575browse

Vue project routing defaults to hash mode; this mode has a "#" sign in the URL. You can use the anchor point "#" to jump to the location corresponding to different IDs on the same page, using the hash of the URL. The value is used as a route to simulate a complete URL; the hash change will trigger the hashChange event and will be recorded by the browser. You can use the browser's forward and backward.

Is the Vue project routing in hash mode by default?

The operating environment of this tutorial: Windows 10 system, Vue3 version, Dell G3 computer.

Is the vue project in hash mode by default?

The vue project is in hash mode by default

hash mode

1. Vue-router defaults to hash mode

2. There is a "#" sign in the URL

3. The hash value (the value after "#") will not be included in the http request , changing the hash value will not cause the page to be reloaded.

4. The hash change will trigger the hashChange event and will be recorded by the browser. You can use the browser's forward and backward buttons.

5. Hash is compatible with IE8 and above

6. A hashHistory object will be created. When accessing different routes, two things will happen:

  • HashHistory.push() adds a new route to the top of the stack of the browser's history

  • HasHistory.replace() replaces it with the current stack

For hash mode and history mode, the most direct difference is whether the address bar contains the "#" sign.

The routing of projects built with vue scaffolding defaults to hash mode.

Hash mode:

Is the Vue project routing in hash mode by default?
When creating a routing instance, add the mode: "history" attribute to use the history mode.

const router = new VueRouter({
  routes,
  mode: "history"})

history mode:

Is the Vue project routing in hash mode by default?

[Related recommendation: "vue.js tutorial"]

The above is the detailed content of Is the Vue project routing in hash mode by default?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn