hash模式的项目前进后台刷新都不会有问题，因为向服务器请求地址时是不带hash值的。
history模式的项目中url地址是通过h5的history API设置的，当浏览项目的二级页面的时候，浏览器并没有发送请求，但是浏览器会保存在历史纪录中，因此实现前进后退是没有任何问题的，但是它怕刷新。因为刷新是实实在在的向后端服务器发送这个url的请求的，but后台并不存这一个目录，所以返回404。
通过简单配置nginx即可解决404的问题
# 解决vue路由模式为history时刷新返回404的问题
location / {
root /usr/share/nginx/html;
index /index.html;
try_files $uri $uri/ /index.html; // 找不到文件则尝试直接返回index.html，而vue路由会监控地址栏的俩变化，因此还是在当前页刷新的效果
}
vue3.0 +vite部署完成上线刷新404 问题原因： 路由模式为history模式 刷新会404处理方案 使...
原因： hash模式的项目前进后台刷新都不会有问题，因为向服务器请求地址时是不带hash值的。 history模式...
目录： 1，Vue路由的实现原理 ❤ 2.SPA 路由history模式上线后刷新404 ❤ 3，$route和$...
目录 1、Vue路由的实现原理 2、SPA 路由history模式上线后刷新404 3、$route和$route...
vue刷新页面空白分两种情况： 1.在history模式下的404空白 2.在history模式下存在多级路由时，...
问题描述 vue单页面history路由模式项目部署上线之后, 刷新页面会跳到404页面 异常原因 页面刷新时会重...
SPA 路由history模式上线后刷新404 vue默认模式是hash模式 url地址栏会带有“#”这个字符。...
路由地址中的#去掉后，项目刷新404问题 路由模式为：mode: 'history', //去掉url中的# 反向...
我们在vue项目中，使用history模式时，部署后刷新会出现404问题，原因是，刷新时。浏览器会通过url去请求...
众所周知，vue的路由模式如果使用history，刷新会报404错误。官方给出了几种解决方式如下： 但是其实这官方...
本文标题：vue路由模式为history时刷新返回404的原因及nginx
本文链接：https://www.haomeiwen.com/subject/wvschctx.html
网友评论