vue 关于F5强制刷新导致500或者404错误
2019-05-29 本文已影响1人
无枉少年
本人前端小白挖坑,首先我做的项目在本地上运行是没有问题,路由器照样使用,不会报错,多轮本地测试之后打包上线到nginx服务器上,然后不刷新正常跳转是不会报错,当我按F5刷新的时候就会发现,只有主界面没有报错,其他跳转的页面都会报500错误。
![微信截图_20190529102654.png](https://img.haomeiwen.com/i636898/d96565cf3e3f18c1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
然后再网上查问题,部分网友说是500错误极大可能是服务器上的问题,不关前端的问题,还有一部分是说vuex没有保存请求状态之类的,我也没搞明白,大概的意思是,刷新之后没有发送请求。
归入正题:...
因为我路由使用了mode: 'history'属性,会导致nginx报500或者404错误,解决的方法就是在nginx配置里加上
try_files uri/ /index.html;
微信截图_20190529104025.png然后就解决了