SpringBoot前后端分离Vue去掉url中#刷新页面报404错误

原文链接：https://blog.wanvale.com/archives/126/

概述

对前端不是很熟悉，在做SpringBoot+Vue前后端分离项目时，使用vue-router-history去掉url中的“#”后，发现刷新前端或者直接访问url会报404

问题分析

项目的前后端是分别放在不同服务器上的
静态页面使用Nginx部署在服务器A上
SpringBoot项目用jar包方式部署在服务器B上

研究了很久，发现原因在于Vue使用history-mode后，输入URL直接访问或刷新时不会经过router，而是直接GET请求后端的接口，此时后端不存在该页面（因为前端页面不存在于Springboot下，SpringBoot项目的static文件夹是空的），所以会返回404
注：后端配置了404页面返回状态码而不是Whitelabel Error Page

解决方法

首先后端是一定要返回404状态码的，下面的内容需要写到全局错误处理controller里

    @RequestMapping("/error")