vue路由使用history有什么问题

使用Vue路由时，如果使用history模式，可能会出现以下问题：

1.刷新页面会返回 404 错误：使用history模式时，页面的URL是真实的URL，而不是hash模式下的URL，因此在刷新页面时，服务器会认为这是一个真实的URL请求，如果服务器找不到对应的页面，就会返回 404 错误。

2.直接访问路由地址会返回 404 错误：同样的道理，如果用户直接访问了一个路由地址，而这个地址在服务器上并不存在，同样会返回 404 错误。

3.需要服务器端的支持：使用history模式时，需要服务器端对每个路由地址都返回相同的html，而不是通过重定向来实现路由。这就需要服务器端的支持。

因此，如果你想要使用Vue路由的history模式，建议在服务器端进行相应的配置，以避免以上问题。

相关问题

vue路由history

Vue路由的history模式是一种路由模式，它使用HTML5的history API来管理路由状态。在使用history模式时，需要设置路由的mode为"history"，并且还需要设置base参数。\[1\]\[2\]当使用history模式时，点击导航时，地址栏会发生变化，但浏览器不会向服务器发送请求。相反，它会利用HTML5的history API进行导航，从而实现页面的切换。\[3\]这种模式可以使URL更加友好和美观，但需要确保服务器配置正确，以便在直接访问URL时能够正确地返回对应的页面。
#### 引用[.reference_title]
- *1* *2* [vue-router实现history模式配置](https://blog.csdn.net/ZhushiKezhang/article/details/122843264)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue路由模式及 history 模式下服务端配置](https://blog.csdn.net/mynewdays/article/details/124478849)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

vue路由history模式

Vue路由提供两种模式：hash模式和history模式。默认情况下，Vue路由使用的是hash模式，它的特点是在URL中加入#符号，例如：http://example.com/#/path。而history模式则是使用HTML5 History API，可以在不刷新页面的情况下更改URL，例如：http://example.com/path。

要启用history模式，需要在创建Vue Router实例时传入一个mode选项，例如：

const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

需要注意的是，在使用history模式时，如果用户直接访问了一个没有被服务器配置的URL，会返回404错误，因此需要在服务器端进行配置。