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 404

当本地使用vue路由时，路由的模式可以选择hash模式或history模式。而在history模式下，当页面发生404错误时，一般是因为没有匹配到对应的路由路径。

要解决本地vue路由history模式下的404问题，有几个可能的原因和解决方法。

首先，可能是因为路由配置的路径有误。可以检查一下路由配置文件（一般是router/index.js）中的路由路径，确保路径写对了，包括大小写、斜杠等。

其次，可能是因为服务器没有正确设置fallback选项。在使用history模式时，需要服务器能够正确处理路由请求，将其定向到正确的入口文件（一般为index.html）。可以通过修改服务器配置文件，将所有非静态资源的请求都重定向到index.html，确保vue-router能够正确处理路由。

另外，还可能是因为部署环境的问题。在本地环境下，可能需要使用开发服务器，而在生产环境下，需要通过正确的服务器配置来处理路由请求。在进行部署时，需要将项目打包为静态文件，并通过合适的服务器配置来支持history模式的路由。

总之，要解决本地vue路由history模式下的404问题，需要检查路由配置路径是否正确、服务器是否正确设置fallback选项，以及部署环境是否正确配置。通过排查这些可能的原因，可以解决本地vue路由history模式下的404问题。