部署问题-Vue Router在history模式下刷新页面404问题_history路由刷新404

作者：不正经 | 2024-05-24 22:54:25

踩

history路由刷新404

Vue Router模式：

（1）Hash：原理是onhashchange事件请求中是在hash值之前的内容,所以请求始终是有效的

（2）History：原理是利用了h5的Interface 中的pushState()方法和replaceState()方法，它们提供了对浏览器历史记录进行修改的功能，但当它们执行修改时，虽然改变了当前的 URL，但浏览器不会立即向后端发送请求。

两种Router模式的区别：

直观：在Hash模式下，地址栏会带上#，看起来不美观；History模式下则不会；

致命：在Hash模式下，上线之后不会出现问题；在History模式下，刷新界面时，改变了当前的URL，却不会立即向后端发送请求，所以会出现404问题；

解决办法：

方法一：亲测有效（vue.js官方教程里提到的https://router.vuejs.org/zh-cn/essentials/history-mode.html）


server {
        listen

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/不正经/article/detail/619431