如何将vue打包后的项目部署到springboot中(mode='history')

1.  使用vue-cli将vue项目进行打包

//需要将router中的mode设置为history
npm run build

2. 将打包后的项目部署到springboot中的resource下的static下,结果如下

3. 在controller包下创建类Index(名称自定义)

@Controller        //控制层接口注解
public class Index implements ErrorController {
    @RequestMapping("/error")        //异常处理(主要用于浏览器页面刷新)
    public String handleError(HttpServletRequest request){
        //获取异常代码
        Integer statusCode = (Integer) request.getAttribute("javax.servlet.error.status_code");
        //如果错误代码和请求方法为404和get,则返回首页
        if (request.getMethod().equals("GET")  && statusCode == 404) {
            return "index.html";
        }
        return null;
    }

    @RequestMapping("/")
    public String getIndex(){
        //初始返回首页
        return "index.html";
    }
}