本来使用的是vue-router的hash模式，但是hash模式下url需要带“#”符号，不仅看起来不舒服，而且有些场景下是会破坏路由中的"#"（微信分享页面就会把"#"后边的内容处理掉），所以就需要使用history模式，然后就让后端改下nginx配置：
修改nginx 的配置文件在，location/下添加
location / { try_files $uri $uri/ /index.html; }
image.png
本来使用的是vue-router的hash模式，但是hash模式下url需要带“#”符号，不仅看起来不舒服，而且有些场景下是会破坏路由中的"#"（微信分享页面就会把"#"后边的内容处理掉），所以就需要使用history模式，然后就让后端改下nginx配置：
修改nginx 的配置文件在，location/下添加
location / { try_files $uri $uri/ /index.html; }
本来使用的是vue-router的hash模式，但是hash模式下url需要带“#”符号，不仅看起来不舒服，而且有...
本文主要解决Vue项目使用History模式发布到服务器Nginx上刷新页面404问题。（由于每个项目的情况都不尽...
本文主要解决Vue项目使用History模式发布到服务器Nginx上刷新页面404问题。（由于每个项目的情况都不尽...
vue3.0 +vite部署完成上线刷新404 问题原因： 路由模式为history模式 刷新会404处理方案 使...
vue history模式 部署在服务器端的nginx配置 (非根目录) vue history需要nginx或者...
开发完vue项目后，使用vueRouter 的history模式，直接在nginx上部署访问时页面无法正常显示，总...
路由地址中的#去掉后，项目刷新404问题 路由模式为：mode: 'history', //去掉url中的# 反向...
项目nginx部署时，前端用history模式，在浏览器浏览，页面空白 原因：vue项目，history模式下，后...
@TOC Apache配置 nginx配置 vue history模式下nginx配置 服务端nginx的一开始配...
vue-cli 的history模式去掉# 方法: 造成问题:打包后,使用nginx启动dist文件夹,但是页面打...
本文标题：nginx history模式 无法刷新的问题
本文链接：https://www.haomeiwen.com/subject/nsuxzktx.html
网友评论