跳至主要內容
解决nginx部署vue项目后刷新页面返回404或500

官方的Router文档中有相关解决方案:https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90

原因:vue的history模式下,切换路由本质是通过js操作window.history方法来改变浏览器地址栏里的路径,并没有发起http请求。但是当我直接在浏览器里输入这个地址的时候,其实是对服务器发起了http请求,而这个目标(即http请求的资源)在服务器上根本不存在,所以nginx会返回404。同理,500就是路径本身有错误。


BlueCitizen...大约 1 分钟运维NginxLinuxVue