Vue 新手学习笔记:vue-element-admin 之解决路由开启 Histroy 模式,刷新跳首页问题
程序员文章站
2022-03-29 16:51:25
...
Vue 新手学习笔记:vue-element-admin 之解决路由开启 Histroy 模式,刷新跳首页问题
为什么开启 Histroy 模式
原因是不开启 Histroy
模式,默认 hash
模式下路由路径上会带 #
号,强迫症会觉得不美观,不符合正常的 URL
写法
开启 Histroy 导致的问题
正常情况下页面刷新后应该是停留在当前页,开启 Histroy
模式后,刷新页面会由于 URL
匹配不到任何静态资源导致跳转到首页,没用前端框架或者配置有问题,干脆直接就 404
了
解决方案
修改 Nginx
配置
location / {
#根目录位置
root /usr/share/nginx/html;
#index 文件位置
#index index.html;
try_files $uri $uri/ /index.html;
}
上一篇: CSS深入理解之float浮动
下一篇: php代码使用方法