部署前后台项目在服务器上 搞拉一天的一个小项目,然后上传到服务器上就开始燥,因为第一次,有很多不会的地方,如果有不对的,请见谅
现在上传后台 大家不要急,请慢慢的,不要跟我一样,急躁,嘻嘻
文章图片
一:点击右侧的Maven
文章图片
点击Lifecycle 下的package ,然后点击之后,再点击我们的绿色运行键
文章图片
文章图片
这里大家稍微等一等哈,
然后运行之后就可以在
target 下面看到我们打成的jar包
好,jar包就打包结束啦,现在讲上传,上传的话之前有一篇文章写过啦,大家也可以看一看,
然后如果有xftp的话,大家可以直接托过去就行,然后我们用xshell运行
【Spring|Spring boot + Vue上传到服务器(Xshell)并访问】cd进入到那个文件夹,然后运行
java -jar buygoods-0.0.1-SNAPSHOT.jar(可换成你自己的jar包)
然后回车之后就等待运行成功,
文章图片
然后打开你的浏览器:你的服务器ip+端口号+controller的方法名
文章图片
这是没有页面的后台数据
这样就代表后台项目部署成功啦!!!?
现在讲打包前端
在打包前端之前,大家切記,你前端项目访问的路径从localhost,变成服务器的ip,不然大家就会踩跟我一样的雷,就是本机能访问项目,别人的电脑不能访问;这真的是,苦恼,我用的是webStorm,其他工具同理,
打包命令:
npm run build
然后
文章图片
这样就成功啦,
然后就可以看到我们的目录下多来个dist文件夹
文章图片
到这里我们需要修改一下配置文件
config下面的index.js
文章图片
文章图片
在assetsPublicPath那里的/前面加个点
然后在index.html
文章图片
每个/static前面加个点,然后的话到我们项目下面,访问我们的index.html,
文章图片
这样我们就可以看到啦,现在放到我们的服务上
进入你的Xftp,拖过去,我放在啦root下面,这个随意,然后进入到你这个目录,
输入命令:docker cp dist 13c76b3f950f:/usr/local/tomcat/webapps
(13c76b3f950f)这个输入命令docker ps -a 就可以查看,这个ID是CONTAINER ID;
然后到这里,,我们就结束啦,,,是真的,
服务器ip+端口号+文件夹index.html就可以访问啦
文章图片
这样我们就结束啦,真的让我焦虑,你们不要像我一样,如果有问题请私聊我,不要喷我,我是新手杨秃秃, 这些步骤请认真观看,有些地方需要转一下脑子;
再见,兄弟姐妹们!!!
推荐阅读
- JAVA人生|外包干了五年,废了...
- Spring|Spring Boot开发简单网页(员工管理系统)(五)(登录功能实现)
- Spring|spring-cloud-stream 消息分区与消息分组【只有链接,后续补】
- java|监视器java_Java监视器绑定的超人
- Vue|跨域问题(has been blocked by CORS policy:Response……)原因及解决办法
- 程序员成长之路|项目实战(P 14)(Day 42)
- vue.js|基于Springboot+Vue+小程序学生课程考勤系统设计
- java|SpringCloud+MySQL+Vue实现人脸识别智能考勤管理系统
- Vue|Vue中 V指令