Vue如何动态获取hash vue刷新页面跳转404怎么办？

vue刷新页面跳转404怎么办？

1. 问题描述

2。Apache服务器配置

3。Nginx服务器配置

这是Vue路由器模式。默认模式为哈希模式。与此模式对应的URL地址可能如下所示www.xxxx.com/#/用户信息. 当然，您也可以修改此值并将其设置为历史模式，这样可以充分利用历史.pushStateAPI在不重新加载页面的情况下完成URL跳转。如果设置为历史模式，则上面的URL将变为www.xxxx.com/userinfo. 地址会更优雅。当然，这种模式需要配合服务器的设置。不同的服务器配置略有不同。有关详细信息，请参阅官方文档html5history mode

您需要打开html5history mode

Vue路由器默认哈希模式-使用URL的哈希来模拟完整的URL，因此当URL发生更改时，页面不会重新加载。

如果我们不想要丑陋的散列，我们可以使用路由的历史模式，这充分利用了它历史.pushStateAPI来完成URL跳转而不重新加载页面。

Const router=new vuerouter（{

mode:“history”，

routes:[…

}）

如果您是服务器的nginx，则此配置需要与后端服务器的配置配合使用

Vue如何动态获取hash vue路由hash模式 vue改变props中的值

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。