前后端分离项目打包上传服务器

最新推荐文章于 2024-09-14 09:59:27 发布

会飞的鱼儿呀

最新推荐文章于 2024-09-14 09:59:27 发布

阅读量1.4k

点赞数 2

文章标签： java vue spring boot

本文链接：https://blog.csdn.net/flyfish866/article/details/115076067

版权

前后端分离项目打包上传服务器

项目环境
前端项目打包
- npm run build
后端项目打包
xshell和xftp

项目环境

本次项目前端使用的是vue 后端使用spring boot
分别使用的编辑器是vs code和ide

前端项目打包

npm run build

使用npm run build 将前端项目打包进dist文件夹
在这里插入图片描述

将dist文件夹中的文件复制到后端项目的src下的main的resources中的static文件夹中，再修改其中static文件夹中js文件夹里第一个文件，将前端项目的端口号给删除保留第一个分隔符，如我这里删除localhost:8080,使用替换的方式全部修改完成之后就可以进入后端打包的过程了。
在这里插入图片描述

在这里插入图片描述

后端项目打包

后端项目打包前现在maven中将老的项目文件clear一下，然后使用packet打包，等待打包完成会在target文件夹中生成一个jar包，至此打包完毕，接下来进行上传过程。

在这里插入图片描述

xshell和xftp

首先使用xftp将打包好的jar包复制到服务器端的文件夹当中，接着使用 xshell。cd进入到刚刚存放jar包的文件夹，

使用命令先杀死一下端口

sudo fuser -k -n tcp 80 ——————强制杀死某个端口的进程

然后启动jar包即可

nohup java -jar xxx.jar >springboot.log 2>&1&

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

会飞的鱼儿呀

关注关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue前后端分离项目，打包部署到阿里云服务器。

Self_discipline8的博客

02-19

4925

提醒：这里默认你已经配置好阿里云，例如开放安全组的端口号，宝塔面板中也要开放，配置了nginx；并且安装有mysql数据库，redis,nginx等必备的软件。第一，打包前端代码，在终端使用命令行方式打包。 ①选择需要打包的前端文件，右键 ②在终端处，输入命令：npm run build:prod。如下图 ③出现dist文件，证明打包成功。第二、打包后端代码，使用maven的package工具打包admin代码即可。 ①选择maven工具 ②点击package打包后端代码 ③打包成功第三，上

前后端分离项目打包部署

Glinde的博客

11-24

8101

前后端分离项目打包部署这里是一个Vue+SpringBoot的前后端分离项目以下是将其打包部署到Linux服务器上的步骤 1.前端打包在打包之前需要在vue.config.js(如果没有就新建一个)中添加以下代码 module.exports = { publicPath : "./" } 注意检查axios的请求路径是否符合生产环境在命令行中使用npm run build 进行打包 tip : 在idea中可以直接使用命令行出...

参与评论您还未登录，请先登录后发表或查看评论

ruoyi前后端分离之前端vue管理页面打包部署

weixin_38417148的博客

08-14

1647

如果管理页面是以根目录形式访问，那这里就不需要配置了，直接编译打包部署到nginx就可以了，但要加项目名的形式就需要部分修改了假设管理页面项目名：admin 后端项目名：pro-api 修改文件.env.production //如果前后端都在同个nginx下，直接配置后端项目名称 //VUE_APP_BASE_API = '/pro-api' //如果前后端不在通过nginx下，这里用ip+port+项目名 VUE_APP_BASE_API = '//localhost:8080/pro-api' 修

打包部署若依(RuoYi)SpringBoot后端和Vue前端图文教程

最新发布

m0_61265297的博客

09-14

932

1，打开若依，点击右侧的Maven展开Maven管理，选择ruoyi>Lifecycle 先双击clean清除原本启动项目时生成的文件。然后点击package等待项目打包，切记要取消运行再打包。打包完成后会在ruoyi-admin>src>target里面看到.jar后缀的文件，就代表打包成功（可以把这个文件复制出来存放到其他地方，方便后面启动）假如没成功，可以试试点这两个再清除一下。3，新建一个文件夹，把这个包丢进去。2，把前端的dist打包文件放进去。2，这个就是打包出来的文件。要保证端口没有被占用。

项目打包注意事项

qq_21090437的博客

09-14

350

项目打包注意事项首先，前端执行"build"操作前，需要先更新代码下来，再在前端执行"build"操作，这个操作会在dist目录下产生以下四个文件：0.build.js、0.build.js.map、build.js、build.js.map。第二步，在后台将最新的代码更新下来。第三步，将前端执行"build"操作后的dist目录、index.html、sitemap.js文件覆盖后台文件中xxx->app->src->main->resources->templates

前后端分离开发，前端打包后放springboot的static文件夹部署

keller的博客

06-29

7196

今天，小编在公司部署项目，要求前后端部署在一起，前端开发完后将前端代码打包后放到springboot的static目录下；然后打成镜像，k8s部署；前端项目执行npm run build命令，文件会打包到dist文件夹下；后端项目在项目的resource目录下，创建static文件夹，如下所示：将前端打包后的dist下的所有文件，全部拷贝到static文件夹下；通过这样部署后，相当于前后端作为一个整体部署到了tomcat当中，所以前后端使用同一个端口；启动springboot工程，然后访问localh

前后端分离部署方式

MyDriverC

02-23

4928

转自https://www.cnblogs.com/moveofgod/p/12363544.html 写得简洁明了。 ------ 例如 vue ，这种前后端分离的框架如何部署 1. 前后端一起部署, 前端打包成静态文件后, copy 到后端项目中，然后部署后端项目。　　如果选择这种方式, 需要把dist文件夹里的内容, 一样的 copy 到 resource/static 文件夹下. 　　这种静态资源不会被 spring security 拦截. 所以这里需要配置一下, 让它不拦截. .

若依前后端分离项目部署文档（完整版）

04-07

### 若依前后端分离项目部署指南 #### 一、部署Linux + Nginx ##### 部署后台代码 **1.1 生成JAR包** 对于基于IDEA的开发者而言，可以通过在集成开发环境的Terminal中执行`mvn clean package`命令来生成项目的...

若依前后端分离项目部署文档.docx

09-09

在IT行业中，前后端分离项目的部署是一项至关重要的任务，它涉及到服务器配置、应用打包、代理设置等多个环节。本文档详细介绍了两种不同的部署方案，一种是在Linux服务器上部署SpringBoot+Vue项目，结合Nginx和...

若依前后端分离项目docker部署

mengxiang0320的博客

08-16

5336

若依前后端分离项目部署

前端vue，打包整合进后端springboot的resources里面后，运行只要刷新就报404

twinkle2star的博客

03-30

2756

vue打包后，其实就剩index.html和一堆静态资源，页面的加载和替换都是通过刷新index.html种的dom来实现的（应该是这样，可能表述不是很好），所以做个重定向就可以了。（博主是这么解决的，网上还有很多人是各种路径错误，大家可以尝试下自己是哪个原因） import org.springframework.boot.web.server.ConfigurableWebServerFa...

SpringBoot前后端分离项目，打包、部署到服务器详细图文流程

热门推荐

zwb的博客

07-08

2万+

前端和后端的项目打包都可以在本地完成，上传服务器可以最小化上传jar包和dist文件夹，这种方式最节省服务器空间资源。修改Nginx的配置文件（修改conf文件夹下的nginx.conf文件）将location位置的root后面跟的路径修改为前端项目打包后的文件地址。修改Redis地址，修改需要部署的Redis密码（如果需要的话）防止出现权限相关的问题，将文件开头的user修改为root。将修改后的两个文件上传到服务器（上传对应文件并替换即可）修改MySQL地址，修改需要部署的数据名，账号和密码。

Ruoyi-前后端分离部署

Lzcsfg的博客

06-29

2106

初始化配置脚本，不想手动设置的可以跑脚本执行，其中需要你输入的是固定的IP，网关，DNS参数。（所有服务器关闭selinux和防火墙，进行时间同步）

如何将前后分离的项目部署到云服务器

qq_51985869的博客

03-12

1727

云服务器操作系统分为Windows和Linux类，Linux系统相对于win占用更少系统资源，一般选用Linux阿里云Linux镜像可选Aliyun Linux、CentOS、Ubuntu、Debian、SUSE Linux、OpenSUSE、CoreOS和FreeBSD。Aliyun Linux是阿里云原生Linux操作系统，针对ECS做了大量深度优化，完全兼容CentOS生态和操作方式；Ubuntu基于Debian，新手更容易上手，时长占有率也高。综上，阿里云ECS云服务器Linux镜像。

若依框架（前后端分离）打war包部署到linux

weixin_46575054的博客

10-25

7206

ruoyi前后端分离，打war包部署到tomcat

前后端分离项目打包

柯基的博客

10-24

1456

前端打包：（1）场景：vue，element；（2）在前端的终端处运行 npm run build (3) 打包完成后会在项目目录下生成“dist”文件。将其中的“static"文件和“index.html”放入后端目录的resources目录下。后端打包：（1）场景：spring boot （2）在本栏目中的https://blog.csdn.net/qq_51009027/article/details/120839779 前提下将后端配置文件中的spring.datasource.ur.

前后端项目分离打包(vue+springboot)

不忘初心,方得始终

05-04

6723

一般做法：前端用 webpack打包完生成 dist 内容后手动复制 dist 文件夹的内容到后端项目的 main/resources/public中。推荐做法，使用 maven 插件来自动管理：前端转成 maven 项目，加入前端的 maven 插件，支持 maven 执行 npm 以及 webpack 命令的执行；<build> <plugins> ...

前后端分离项目，部署服务器之前后端打包教程

numbbe的博客

10-24

9044

后端打包手上有两个项目，正好是两种，Java web项目和Maven项目。 Java Web项目非常麻烦，Maven项目非常简单。 Maven项目一键打包，Maven命令中有package命令，双击就好了。然后在项目的编译文件中找到对应的包。然后找个tomcat把war放进去就好了。你可以选择放war包，tomcat启动时，会自动给你解压给你启动。命令执行前，target如图：命令执行后，如图：打包成功结果图： Java Web项目一般老的项目是Java Web项目，比如公司里的这个项目

前后端分离项目部署到服务器

09-15

部署前后端分离项目到服务器的步骤如下： 1. 选择一个合适的服务器：可以使用云服务提供商如AWS、阿里云等，也可以使用自己的服务器。 2. 安装和配置服务器环境：根据项目的需求，安装所需的操作系统、数据库、Web服务器等组件，并进行相应的配置。 3. 后端部署： - 将后端代码上传至服务器，可以使用FTP、SCP等工具进行文件传输。 - 安装所需的依赖库和软件包，可以使用包管理工具如npm、pip等。 - 配置后端环境变量，例如数据库连接参数、API密钥等。 - 启动后端服务，可以使用命令行工具如pm2、supervisor等来管理进程和日志。 4. 前端部署： - 将前端代码打包成静态资源文件，例如使用Webpack或者Gulp等构建工具。 - 将打包生成的静态文件上传至服务器，可以使用FTP、SCP等工具进行文件传输。 - 配置Web服务器，将前端的访问路径映射到上传的静态文件所在的目录。 - 启动Web服务器，例如使用Nginx或Apache等。 5. 配置域名和SSL证书： - 绑定域名到服务器的IP地址。 - 安装和配置SSL证书，以启用HTTPS协议。 6. 测试和验证： - 访问域名或服务器IP地址，确认项目能够正常运行。 - 进行功能测试和性能测试，确保项目在服务器上表现良好。以上是一般的部署步骤，具体的操作和配置可能会因项目的需求和服务器环境而有所不同。在部署过程中，注意保障服务器的安全性和稳定性，及时备份数据和代码，以防意外情况发生。