vue项目部署到服务器上,使用history路由模式引起二级路由页面丢失的问题解决方法

vue项目部署到服务器上,使用history路由模式引起二级路由页面丢失的问题解决方法_第1张图片
路由配置
第一次可以出现,再刷新就丢失
vue项目部署到服务器上,使用history路由模式引起二级路由页面丢失的问题解决方法_第2张图片
vue项目部署到服务器上,使用history路由模式引起二级路由页面丢失的问题解决方法_第3张图片

1.首先如果想要在前端使用hisroty模式的时候需要后端的配置
后盾配置一般固定
下面是我们后端的配置,仅供参考
vue项目部署到服务器上,使用history路由模式引起二级路由页面丢失的问题解决方法_第4张图片
其中有关history刷新丢失的问题,在于划线的try file

再看前端设置
1.切换路由模式,这个省略
2.需要在vue.config.js中配置publicPath
!vue项目部署到服务器上,使用history路由模式引起二级路由页面丢失的问题解决方法_第5张图片

如果想要在开发和生产的时候都用history模式就按照上面的判断环境变量设置
这里注意 在开发的时候,如果你的项目没有做特殊的处理那么想要使用history就的设置为publicPath:‘/’
生产环境中需要设置为‘’也就是空字符串

如果你是使用hash模式的话就不需要进行特殊的设置

你可能感兴趣的:(vue-cli,前端,路由,js,vue,web)