hash模式和history模式 vue刷新页面跳转404怎么办？

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

1. 问题描述

2。Apache服务器配置

3。Nginx服务器配置

你需要打开HTML5历史模式

Vue路由器默认哈希模式——使用URL的哈希来模拟一个完整的URL，这样当URL改变时，页面就不会被重新加载。

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

Const router=new vuerouter（{

mode:“history”，

routes:[…

}）

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

一般情况下，登录成功后需要将用户信息和菜单信息作为全局共享数据放在vuex中。但是当刷新页面时，vuex中的数据将被重新初始化，从而导致数据丢失。由于vuex中的数据存储在运行内存中，因此刷新页面时，页面将重新加载Vue实例，并重新分配vuex中的数据方法1：将vuex中的数据直接保存到浏览器缓存（会话存储、本地存储、cookie）方法2：刷新页面时再次请求远程数据，以便动态更新vuex数据方法3：在父页后台请求远程数据，并在刷新页之前将vuex中的数据保存到会话存储（如果数据请求过多）加载页时无法获取返回的数据

hash模式和history模式 前端history模式 vue路由history模式

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