打包前后端项目并部署至服务器

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

1、打包前端项目

打包命令:npm run build

执行完命令后,会生成一个名为 dist 的文件夹,这个就是打包好的前端项目。
前端打包部署到服务器,Linux,linux

2、打包后端项目

2.1、执行 maven 的 clean ,删除项目编译创建的 target 文件夹
2.2、执行 package,将项目打包至 target 文件夹下

前端打包部署到服务器,Linux,linux

3、将打包好的前后端项目,上传至服务器

3.1、连接服务器

前端打包部署到服务器,Linux,linux

3.2、在根目录创建文件夹,并上传打包好的前后端项目

前端打包部署到服务器,Linux,linux

3.3、启动 jar 包
第一种:java -jar xxx.jar

这种方式是直接运行jar包,当你关闭远程连接时,它就被关闭了,相当于这个进程被杀死了。

第二种::nohup java -jar xxx.jar &

在服务器上想要让一个 jar 包一直处于运行状态,需要让其在后台启动。

4、配置 Nginx

没有安装 Nginx 的,可以点击链接去安装 Nginx。

4.1、执行命令,去配置 nginx.conf

执行命令:vim /usr/local/nginx/conf/nginx.conf

前端打包部署到服务器,Linux,linux

4.2、重启 Nginx

执行命令:/usr/local/nginx/sbin/nginx -s reload

4.3、设置防火墙,将刚才 nginx.conf 配置的端口对外暴露

执行命令:firewall-cmd --zone=public --add-port=8081/tcp --permanent

4.4、重启防火墙

执行命令:systemctl restart firewalld.service
前端打包部署到服务器,Linux,linux

4.5、在你的服务器中,对安全组进行配置

前端打包部署到服务器,Linux,linux

5、访问项目

前端打包部署到服务器,Linux,linux文章来源地址https://www.toymoban.com/news/detail-818894.html

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

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

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

相关文章

  • 关于前端vue打包项目以及静态网站部署项目到阿里云ECS云服务器初学简单教程

    准备工作: 1.首先进入https://ecs.console.aliyun.com/ 领取或者购买一台简单的ECS云服务器。 进入网站注册登录后拉到页面最下面或者顶部搜索免费云服务器领取立即试用 ,当然富哥花钱买一台服务器也行。   创建完了以后可以进入云服务ECS工作台,然后就是以下界面   点击右边

    2024年02月04日
    浏览(67)
  • (一)专题介绍:移动端安卓手机改造成linux服务器&linux服务器中安装软件、部署前后端分离项目实战

    总体概述: 本篇文章隶属于“手机改造服务器 部署前后端分离项目”系列专栏,该专栏将分多个板块,每个板块独立成篇 来详细记录:手机(安卓)改造成个人服务器(Linux)、Linux中安装软件、配置开发环境、部署JAVA+VUE+MySQL5.7前后端分离项目,以及内网穿透实现外网访问等全过

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

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

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

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

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

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

    2024年02月12日
    浏览(63)
  • 若依(Ruoyi)前后端分离版项目部署到服务器(Linux环境)后,刷新页面报错:404 Not Found

    原文章: 若依(ruoyi)前后端分离版使用教程之若依后端部署阿里云服务器步骤(超详细)_蓝多多的小仓库的博客-CSDN博客 问题:         在若依项目部署服务器后,可以正常运行,但如果执行刷新页面操作,便会出现404 Not Found。 原因:         Nginx未正确配置。由

    2024年02月17日
    浏览(56)
  • 【Linux】Nginx安装使用负载均衡及动静分离(前后端项目部署),前端项目打包

             Nginx 是一款高性能的 Web 服务器和 反向代理服务器 ,也可以充当负载均衡器、HTTP 缓存和安全防护设备。它的特点是内存占用小、稳定性高、并发性强、易于扩展,因此在互联网领域得到了广泛的使用。 总结出以下三点: 负载均衡 :流量分摊 反向代理 :处理外

    2024年02月06日
    浏览(44)
  • 服务器部署前后端分离项目

    做了一个前后端分离的项目来熟悉开发的整个流程,我把整个流程记录下来了,用作以后的参考。 安装jdk 1、在/usr/local目录下创建jdk文件夹,并将jdk安装包放到/usr/local/jdk包下并解压 1.1通过文件传输工具将jdk包上传到服务器上 1.2输入解压命令 1.3解压完成,生成下面的文件

    2023年04月22日
    浏览(55)
  • 前后端分离项目部署到服务器

    目录 一、准备服务器 1.1 服务器的购买 1.2 服务器的配置 1.3 nginx配置文件的编写 二、前端项目打包及部署 三、后端项目打包及部署 服务器购买可以在国内选择阿里云、腾讯云、百度云等等,至于国外服务器自行探索。 注:服务器在国内的网站需要进行ICP备案操作,服务器在

    2024年01月24日
    浏览(61)
  • 前后端分离项目的服务器部署

    系统环境简介: 本地操作系统:Mac OS Monterey 12.3.1 阿里云服务器:CentOS 7.8 后端开发工具:IntelliJ IDEA 前端开发工具:WebStorm 项目部署的前提条件: ① 需要购买一个域名,并且完成备案 ② 需要拥有一台公网服务器,以阿里云服务器为例 ③ 需要熟练掌握 Linux 操作系统的使用

    2024年02月04日
    浏览(53)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包