I don’t understand what “#” or “#!” means in vue routing The routing in my demo has “#” http://localhost:8080/#/home/article I saw "#!" in the vue route on the Internet https://mrjeff578575.github.io/Vue-demo/#!/home/article
hash: Use URL hash value for routing. Supports all browsers, including browsers that don't support the HTML5 History API.
history: Relies on HTML5 History API and server configuration. Check out HTML5 History mode.
abstract: Supports all JavaScript runtime environments, such as Node.js server side. If no browser API is found, the router will automatically force into this mode.
The commonly used ones are 1 (the address has a # number) and 2 (the address is no different from the real request)
In addition,
# is the hash symbol used by vue-router
#! is the hash symbol used by angularjs Route
It doesn’t matter, just have # (the browser will not jump to the page)
You are using vue-router v0.7.13 for that page. I see that the source code also has the #! symbol
This is called the routing hash strategy. The corresponding one is the path strategy. '#' is called the hash symbol. The path after the hash will not be parsed by the server. The specific search is done by yourself.
# is hash mode history mode does not have # sign, but if deployed to the server hash mode will not cause refresh 404 problem. . If you refresh or directly connect to a page in history mode, 404 will be prompted. . . In the traditional way, the back-end program will actually generate a file, and the connection request can actually find a file. . This single page only has one html, and the back-end program will not automatically generate the file. . So if you use history mode, you need to configure the virtual path when deploying to the server If the resource cannot be requested, it will point to the index.html file
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Portal https://router.vuejs.org/zh-c...
Now there are 3 modes of front-end routing
hash: Use URL hash value for routing. Supports all browsers, including browsers that don't support the HTML5 History API.
history: Relies on HTML5 History API and server configuration. Check out HTML5 History mode.
abstract: Supports all JavaScript runtime environments, such as Node.js server side. If no browser API is found, the router will automatically force into this mode.
The commonly used ones are 1 (the address has a # number) and 2 (the address is no different from the real request)
In addition,
#is the hash symbol used by vue-router#!is the hash symbol used by angularjs RouteIt doesn’t matter, just have # (the browser will not jump to the page)
You are using vue-router v0.7.13 for that page. I see that the source code also has the #! symbol
Vue routing mode
This is called the routing hash strategy. The corresponding one is the path strategy. '#' is called the hash symbol. The path after the hash will not be parsed by the server. The specific search is done by yourself.
#! is a hashbang, which means exactly the same as #. The difference is only semantics.
# is hash modehistory mode does not have # sign,
but if deployed to the server
hash mode will not cause refresh 404 problem. .
If you refresh or directly connect to a page in history mode, 404 will be prompted. . .
In the traditional way, the back-end program will actually generate a file, and the connection request can actually find a file. .
This single page only has one html, and the back-end program will not automatically generate the file. .
So if you use history mode, you need to configure the virtual path when deploying to the server
If the resource cannot be requested, it will point to the index.html file