springboot上线打包+vuecli2部署在linux服务器上(打包上线)

这篇具有很好参考价值的文章主要介绍了springboot上线打包+vuecli2部署在linux服务器上(打包上线)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

这里也是记录一下springboot的上线打包流程,我这里前端使用的是vuecli2
springboot的依赖是2.7.9的版本
前端是使用的vue2
打包前,你的linux上必须要先安装,tomcat\java\nginx

springboot打包

springboot打包点击一下,等maven编译打包成功springboot上线打包+vuecli2部署在linux服务器上(打包上线),服务器,spring boot,linux在target文件下找到,jar包,springboot上线打包+vuecli2部署在linux服务器上(打包上线),服务器,spring boot,linux
然后,把jar包上传到你的linux服务器,文件夹上,我这里使用的是Tabby Terminal,自带sftp

springboot上线打包+vuecli2部署在linux服务器上(打包上线),服务器,spring boot,linux
然后再你的linux文件夹下输入以下命令:
nohup 意味着即使终端连接断开,命令也会继续在后台运行
& 表示后台运行

 nohup java -jar xxx.jar &

这里我没有指定后台log输出了
ok,在我的腾讯云放行端口,尝试访问
springboot上线打包+vuecli2部署在linux服务器上(打包上线),服务器,spring boot,linux
部署成功

vuecli打包

在你的前端终端中运行打包命令:

 npm run build

springboot上线打包+vuecli2部署在linux服务器上(打包上线),服务器,spring boot,linux

vue会在你的项目文件夹下生成一个dist文件夹,下面会有一个index.html和static文件夹
springboot上线打包+vuecli2部署在linux服务器上(打包上线),服务器,spring boot,linux
然后把这个两个文件上传到你的linux服务器上
如图:
springboot上线打包+vuecli2部署在linux服务器上(打包上线),服务器,spring boot,linux

nginx部署项目

找到你的之前放入的那个前端文件夹
在你的nginx目录下的conf文件夹下 vim nginx.conf文件
listen监听端口
server_name 是你的域名,没有域名就写你的服务器ip,别写localhost
root 是前端项目的根目录,重启nginx


server {
        listen 8092;
        server_name xxx.xxx.xxx.xxx;
        location / {
        root /usr/local/tomcat/tomcat-8.5.69/webapps/ROOT/fileManagementUi/;
        index index.html;
        try_files $uri $uri/ /index.html;
        }
   }

}

我这里在记录一下nginx的常用命令在sbin目录下输入:文章来源地址https://www.toymoban.com/news/detail-695620.html

启动nginx
./nginx
重启nginx
./nginx -s reload
停止nginx
./nginx -s stop

到了这里,关于springboot上线打包+vuecli2部署在linux服务器上(打包上线)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【前端部署】vue项目打包并部署到Linux服务器

    在vs code中打开vue前端项目文件夹,在终端中输入 npm run build ,打包完成后,在前端项目文件夹中会生成一个名为 dist 的文件夹,如下图所示: dist文件夹打开如下所示: 打开服务器终端,在终端中输入以下命令,下载nginx安装包。 其中nginx版本可以自己选择,具体版本可查看

    2024年02月06日
    浏览(68)
  • Linux服务器Jenkins部署打包Android

    介绍 Jenkins 自动打包 Android 应用,后面介绍打包Flutter应用,然后介绍打包Android原生+Flutter混合应用 准备工作 1.jenkins服务器地址 账户密码 2.项目git地址 访问账号密码 3.ssh 链接服务器账户密码 安装Android环境 Android SDK下载 国内老版本下载地址 官网下载地址 下载到本地使用使

    2024年02月10日
    浏览(52)
  • Golang 打包go项目部署到linux服务器

    我们可以在终端中输入以下代码: 然后就会生成main-linux的二进制可执行文件,然后我们就可以将main-linux放到服务器中的任一目录中,然后我们就可以执行以下命令运行。 这是我们在网上可以搜索到的方法,但是我相信很多人通过这个方法尝试后发现,它并不能运行。我相信

    2024年02月16日
    浏览(67)
  • vue项目打包部署在windows或linux服务器上

    最近写了一个前后端分离的项目,前端用的是vue,因此记录一下将该项目部署到服务器的整个过程。 1.首先,在控制台输入npm run build命令(或者npm run build:prod)。该命令用于将前端vue打包。打包后的文件是dist文件夹。(开发阶段的一些配置在打包后会失效,比如开发阶段配置

    2024年02月11日
    浏览(75)
  • 将Spring Boot项目打包部署到阿里云linux服务器

    首先 你要保证自己的服务器上有java环境 如果没有可以参考我的文章 linux服务器中安装java JDK1.8版本 然后 我们打开我们的Spring Boot项目 双击 package 生命周期进行打包 打包完成之后 我们找到 target 下面会有一个jar包 然后 我们右键它 如下图操作 系统就会帮你打开它所在的目录

    2024年02月16日
    浏览(74)
  • 若依框架(RuoYI)项目打包(jar)方法,部署到 Linux 服务器

    在若依框架的 bin 目录下,存在着三个 bat 文件,一个是清除之前的依赖的自动化 bat 脚本( clean.bat ),一个是自动化项目打包的 bat 脚本( package.bat ),一个是运行若依项目的脚本( run.bat ) 将ruoyi-admin 文件夹内的 pom.xml 文件内的 packaging 的值改成 jar 打包前,要清除之前的

    2024年02月12日
    浏览(68)
  • Maven高级---聚合(如何将SpringBoot项目打包上线)

    目录 Maven集合要解决的问题 解决办法-Maven聚合 总结 情景:项目已经开发完毕,要将该management工程打包上线. 此时我们点击Maven的打包按钮 但结果是构建失败,提示如下 原因:执行打包时他会在本地仓库中寻找模块,然而Maven本地仓库中并没有这两个模块的jar包,因此就失败了. 此时

    2024年02月07日
    浏览(40)
  • SpringBoot + Vue2项目打包部署到服务器后,使用Nginx配置SSL证书,配置访问HTTP协议转HTTPS协议

    配置nginx.conf文件,这个文件一般在/etc/nginx/...中,由于每个人的体质不一样,也有可能在别的路径里,自己找找... 证书存放位置,可自定义存放位置 两个文件 后端配置 把.pfx拷贝到resource下,然后配置一下yml

    2024年02月02日
    浏览(75)
  • 【Linux】使用Jenkins + svn + springboot自动构建jar包并自动打包在服务器上运行

    👨‍🎓 博主简介   🏅云计算领域优质创作者   🏅华为云开发者社区专家博主   🏅阿里云开发者社区专家博主 💊 交流社区: 运维交流社区 欢迎大家的加入! 🐋 希望大家多多支持,我们一起进步!😄 🎉如果文章对你有帮助的话,欢迎 点赞 👍🏻 评论 💬 收藏

    2024年04月26日
    浏览(37)
  • Linux | 将SpringBoot+Vue项目部署到服务器上

    大家好,我是初心,咱们又见面了!今天想跟大家分享的内容是如何部署 SpringBoot+Vue的前后端分离项目到服务器上。 本篇文章收录于 初心 的 Linux教程 专栏。 🏠 个人主页:初心%个人主页 🧑 个人简介:大家好,我是初心,和大家共同努力 💕 座右铭:理想主义的花,终究

    2024年02月04日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包