vue-cli与springboot直接打包部署服务器流程

vue-cli与springboot直接整合部署的坑

默认读者已解决前后端跨域问题,项目可以通过maven打成jar包

1.vue-cli打包

(1)打包部署服务器之前,记得把项目中axios请求访问路径,从本地改为服务器ip地址(本人就被坑在这里了),谷歌浏览器报 connection refused的错

(2)在命令行框,跳转到根目录路径输入:npm run build,对vue进行打包,生成的dist文件夹,即为打包好的前端静态资源

2.springboot打包

(1)将该dist文件夹复制到springboot项目,resource/static下,如果是直接复制dist文件夹,需要在dist文件下index.html中修改相关路径,加入如下内容,否则会出现访问的界面是白页:




    
    
    stuedents
    


(2)maven打成jar包,生成位置在target中
(3)服务器部署

你可能感兴趣的:(前后端分离)