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

本文主要是介绍如何将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";
    }
}

这篇关于如何将vue打包后的项目部署到springboot中(mode='history')的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！