SpringBoot项目部署打包好的React Vue项目刷新报错404

Whitelabel Error Page

This application has no explicit mapping for /error, so you are seeing this as a fallback.

Tue Nov 02 14:08:54 CST

There was an unexpected error (type=Not Found, status=404).

原因是因为在SpringBoot部署后，前端页面刷新，浏览器将url中的地址当做接口地址去请求后端了，并且后端没有这个接口。

第一种解决方案

因为react或者vue都是spa应用，所以直接将错误的接口地址返回主页index.html即可。

需要在启动类中设置当报404以后让它跳转回登录页面

@Beanpublic WebServerFactoryCustomizer<ConfigurableWebServerFactory> webServerFactoryCustomizer(){return factory -> {ErrorPage error404Page = new ErrorPage(HttpStatus.NOT_FOUND, "/index.html");factory.addErrorPages(error404Page);};}

另一种解决方案

将前端的路由形式改成hash形式。