首先先将vue项目进行打包,生成dist,如下:
在这里插入图片描述
sringboot版本在2以下的需要配置拦截器指定到static,引用静态资源文件;
sringboot版本在2以上的,可以直接将dist文件下的所有复制到后端项目下的static目录下,如图:
在这里插入图片描述
直接启动即可访问!


需要注意几个点:
1.前端访问后端的ip需要指定正确;
2.前端中config/index.js 中的 assetsPublicPath 为’/’,如果写成’./’,打包后的几个文件路径会匹配不上;
在这里插入图片描述

3.router/index.js中的mode为hash,为history的话,刷新页面会报错;
在这里插入图片描述
springboot中集成vue项目,vue项目路由history模式不能刷新问题:
https://blog.csdn.net/zxw75192/article/details/84371951

https://blog.csdn.net/qq_33388068/article/details/108689116

Logo

前往低代码交流专区

更多推荐