前后端分离Vue + ElementUI项目打包部署到云服务器

首先项目中啥config都不要改直接npm run build然后项目中就会多一个dist
在这里插入图片描述
static是所有静态资源
打包好后将index.html打开修改一下,把所有你引用的静态资源全都改一下以: ./开头
前后端分离Vue + ElementUI项目打包部署到云服务器_第1张图片
在你的云服务器上创建一个你想要的文件夹我就以charts命名:
前后端分离Vue + ElementUI项目打包部署到云服务器_第2张图片
charts里放入刚刚dist里的文件即可
前后端分离Vue + ElementUI项目打包部署到云服务器_第3张图片
这时前端部分就部署完了
前后端分离,后台的部署就简单说一下:
用maven生命周期的package方法打包的jar包在服务器上挂载运行即可
nohup java -jar xxx.jar &

你可能感兴趣的:(总结,vue,java,tomcat)