Vue打包后放到Springboot的静态资源下打War包的流程

最新推荐文章于 2024-05-23 21:30:20 发布

桔梗的犬夜叉

最新推荐文章于 2024-05-23 21:30:20 发布

阅读量2k

点赞数 1

分类专栏： Tomcat 文章标签： vue springboot 打war包

本文链接：https://blog.csdn.net/LL9504/article/details/106823019

版权

本文详细介绍了如何将Vue项目与Springboot整合，打包成War包的过程。主要步骤包括配置和打包，最终在工程的out文件夹中获取到不含Tomcat依赖的War包。

摘要由CSDN通过智能技术生成

1.我们先把Vue通过运行  npm run build 进行打包,之后会出现dist的文件夹(包含了static文件夹和index.html),复制这两个内容

2.在springboot的respurces下面的static文件夹下面,粘贴进来

3.打war包

4.上面点击确定后,继续

然后在工程的out文件夹里面找到我们打的war包就行了

如果是想要打包时去除tomcat的依赖的打包需要注意的地方可以百度下

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

桔梗的犬夜叉

关注关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue+Springboot前后台分别开发，整合成一个项目，生成dist文件，放到static目录下遇到的问题总结

qq_38056518的博客

09-04

5247

1、把前台项目打包生成dist文件，然后放到static目录下，修改index页面把，这样是找不到这个js，这样会直接拼接到localhost:8080后面，不会访问项目名和dist目录，如http://localhost:8080/js/chunk-2d0c535e.7eae1c64.js, 需要我们指定为当前目录，做法是在 /js 前加一个 .，如下图所示 2、访问项目访问路径 http://localhost:8081/stu/dist/index.html http://localhost

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

葫芦娃的博客

11-27

9986

一、npm run build将前端打包成静态文件（会在dist目录下生成static文件夹以及index.html文件）上图为：config目录index.js配置的build以及dev命令，如果你没找到static文件夹及index.html，到这里看一下你的路径是否配置的是dist路径；二、在springboot项目，resources目录下，将打包好的静态文件夹及index.html...

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

将静态资源和第三方jar包打入war

welcome to daijiguo's blog

10-08

2628

一、将静态资源打入war包将静态资源放在与java平级的resource目录下，会自动打包到war包中的xxx.war/WEB-INF/classes目录下： java resources |-----dll |----a.dll |----b.dll 如果项目源码中，静态资源想随意放置，则可通过以下方式暴力打包到指定位置： &lt;bu...

vue打包部署到springboot,通过tomcat运行

u014694915的博客

05-23

1203

让其继承一个类：SpringBootServletInitializer，并且覆盖 configure 方法，在方法中添加 return builder.sources(WarehouseSystemApplication.class);将Vue项目dist文件夹下的所有文件Copy到SpringBoot项目的resource/打包完成后项目路径下会生成一个新的文件夹dist，打包后的东西都在里面。目录，该目录下会包含不同版本的文件夹，版本号就包含在这些文件夹名称中。要么设置跨域访问（各种操作后还是不行）

vue项目如何打war包

天书笔记

09-30

7380

通常vue项目是打包后直接放在nginx容器下，但有时会由于某些原因，需要将前端项目布署到其他容器下，比如weblogic等，这时我们就需要将项目打包成war包。

Vue前端+Springboot后端打成War包（两步到位，一键生成）

cshongye的专栏

12-27

3793

Vue前端+Springboot后端打成War包（两步到位，一键生成）

Spring Boot项目导出war包放到tomcat运行跳转到页面出现404报错

01-16

当我们在Spring Boot项目中使用WAR包部署到Tomcat服务器后，访问项目中的某个JSP页面时遇到了404错误，表明服务器未能找到请求的资源。这通常是由以下原因造成的： 1. **WAR包中未包含JSP资源**：Spring Boot默认...

SpringBoot + Vue 项目部署上线到Linux 服务器的教程详解

09-14

打包完成后，会在项目根目录下生成一个`dist`文件夹，其中包含了所有打包好的静态资源。 2. **使用Express代理静态资源** 为了在服务器上运行Vue应用，我们需要一个HTTP服务器来托管这些静态文件。Express是一个轻...

Vue+SpringBoot部署踩坑总结

zbc555day的博客

03-13

787

Vue+SpringBoot部署踩坑总结 Vue集成SpringBoot后路径错误： ①静态文件路径默认设置错误：config/index.js中assetsPublicPath内容改为’./'; (参考引用：https://blog.csdn.net/GYL20171020/article/details/81812451) ②字体引用默认设置错误：build/webpack.prod....

static图片编译了 vue_Vue.js - 解决项目部署到Spring Boot中无法加载static文件夹里图片的问题...

weixin_28452161的博客

12-24

760

1，问题描述(1)项目采用 Spring Boot+ Vue.js前后端分离开发，整合部署。之前一直使用正常，但最近对 Spring Boot端配置了 server.servlet.context-path。也就是说最终访问路径如下：http://ip:端口号/项目名/index.html(2)但访问页面时发现一些图片文件显示不出来(引用的是 static 文件夹下的图片)：2，问题原因(1)原先...

新手学习Vue 将项目打成WAR包

浅尝辄止~

05-15

6114

如何将Vue项目打包成war包，按理项目应该直接放在nginx容器下，但是种种原因，需要将项目部署在weblogic容器中。记录一下相关命令。 1、打包文件此时生成静态文件夹-dist：npm run build 2、打包过程中可能提示缺少一些依赖，此时需要下

SpringBoot+vue项目打war包发布（vue-element-admin）

weiqiang915的博客

02-22

749

其他步骤与打jar包相似。可参考此博客，SpringBoot+vue项目打war包发布需要修改vue的publicPath参数，如下：为了在开发时能够正常访问请求，可以在application.properties文件中加上以下配置

war包部署vue_Spring Boot 2 实战：以 War 包的形式部署

weixin_39637661的博客

01-25

116

1. 前言Spring Boot提供了内置的tomcat、undertow、jetty三种Servlet Web容器。让我们开箱即用，可以迅速以JAR启动一个Web应用。但是在某些场景中我们可能还需要将我们的Spring Boot容器以War的形式进行传统的部署。这时我们就需要通过借助于SpringBootServletInitializer来实现。2. S...

ha怎么样把maven打包_（window） maven项目下分模块vue前端和springboot项目打包为一个war包并部署在一台jboss机子上...

weixin_42514288的博客

02-23

175

前面的文章有讲过前端和后端分开部署的文章前端分离部署后端分离部署当前用的jboss版本是wildfly-18.0.1.Final项目背景maven管理springboot项目，创建了frontend和backend后端两个模块。前端是vue，后端是springboot，其他的模块是相关的业务功能模块项目根目录处理pom由于项目是maven管理，根目录以及各个子模块都有pom.xml，我们安装打包就...

springboot无法访问static里面的文件夹_Vue+SpringBoot开源多用户博客管理平台，MIT协议...

weixin_39851261的博客

12-05

291

简介直接上软件效果图登陆页面文章列表发表文章用户管理栏目管理数据统计技术栈后端技术栈后端主要采用了：1.SpringBoot2.SpringSecurity3.MyBatis4.部分接口遵循Restful风格5.MySQL前端技术栈前端主要采用了：1.Vue2.axios3.ElementUI4.vue-echarts5.mavon-editor6.vue-router等等等快速开始1.克隆本项目...

如何在Springboot项目中集成Vue.js前端，并实现前后端分离的完整部署流程？

最新发布

10-30

通常的做法是将Vue.js构建后的静态资源放入Spring Boot项目的资源目录中，然后通过Spring Boot提供的静态资源服务来访问这些文件。为了实现前后端分离的部署流程，你需要为前端和后端分别打包部署。对于后端，...

关于springboot分布式项目部署到本地tomcat成功后访问404错误

weixin_43495429的博客

04-03

2096

问题概述分布式项目写完后，发现打包以及部署遇到了很多坑，百度的解决方案也没有一个特别完善的，特在此整理出解决的方案主要问题：在ide上运行成功的springboot分布式项目，打包后部署至tomcat中，无法正常访问可能报错类型 No goals have been specified for this build. You must specify a valid lifecycle ...

springboot +vue 打包为war包，发布在Tomcat下运行的坑

Coder_Maker的博客

09-06

7744

vue 我使用的是d2-admin-start-kit 框架，具体目录结构可以在网上搜索相关资料我记录下，几个比较坑的点，方便后面自己学习，目录 1、vue 项目目录 2、vue 打包 3、springBoot 项目目录结构 4、maven 打包 tomcat 下访问，项目需要加上项目名，形式如：http://127.0.0.1:8080/【项目名】my...

war包部署vue_springboot打成war包部署到tomcat

weixin_42554408的博客

01-25

507

今天的积累都是为了更好的明天，加油！我是java程序员，大家可以关注我一起学习哈！ springboot部署war包有两种情况：1.新建的springboot项目新建项目时，Packaging选war 新建之后，会发现pom文件里多了个spring-boot-starter-tomcat org.springframework.boot spring-boot-starter-tomcat pr...

怎么将前端项目打成war包

chenlim87的博客

07-28

6495

前言我们前端开发人员打包一般指在前台打包，比如一个vue项目，运行打包命令npm run build。这个是基于Node.js来打包运行的。项目线上环境是没有node的，所以为了配合后端有时要将项目打成后台需要的war包。步骤 1、还是先运行npm run build,生成dist文件夹 2、新建一个tomcat项目，并安装maven,创建过程可网上搜索 3、项目创建好后，找到src/main/webapp文件夹，将之前前台打包后生产的dist文件夹内的文件复制到这里。 4、用idea软件打开新建的t