双剑合璧：springboot打包将vue引入

最新推荐文章于 2024-07-06 20:20:43 发布

两个娃他爹

最新推荐文章于 2024-07-06 20:20:43 发布

阅读量334

点赞数

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

本文链接：https://blog.csdn.net/n009ww/article/details/112848223

版权

本文介绍了如何在SpringBoot项目中集成Vue，并详细说明了Vue应用打包后的静态资源存放位置，即放入resources下的static文件夹。同时，针对使用Shiro作为拦截器的情况，文章提到了在Shiro配置中对Vue路由进行放行的处理步骤。

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

1.在resources文件夹下新建static文件夹，然后vue打包为dist文件夹，将dist内的内容拷贝到static文件夹下
在这里插入图片描述
2.我的拦截器用的是shiro，所以在shiro的config里做放行。

    @Bean
    public ShiroFilterFactoryBean shiroFilterFactoryBean(SecurityManager securityManager) {
   
        ShiroFilterFactoryBean shiroFilterFactoryBean = new ShiroFilterFactoryBean();
        shiroFilterFactoryBean

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

两个娃他爹

关注关注

0
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Spring Boot读取resources目录文件方法详解

08-25

主要介绍了Spring Boot读取resources目录文件方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

Springboot项目与vue项目整合打包的实现方式

08-25

主要介绍了Springboot项目与vue项目整合打包的实现方式,本文通过两种方式给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下

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

SpringBoot&Vue 开发最佳实践

weixin_33849215的博客

10-28

360

为什么80%的码农都做不了架构师？>>> ...

Spring Boot+Vue项目从零入手

热门推荐

zhouym_的博客

09-05

2万+

在前后端分离的项目中，最后前后端项目开发完毕都需要进行打包部署发布到服务器上面运行，所以需要对前端开发的项目进行打包，然后将打包后的文件放在spring boot项目中的resource/static目录下面前端项目点击edit configuration进入run/debug configuration页面，点击+号，选择npm，name随便起，这里我们就用build好了，见名之意，在执行...

springboot+vue 前后端分离如何整合教程

07-17

springboot+vue 前后端分离整合教程额外补充详情请查看文档资料 2020年11月12日10:25:51

【第4期】springboot: Springboot整合打包vue项目

uaicun的博客

05-21

1155

由于公司项目采用的是前后端分离开发，后端springboot,前端vue。正常情况下前后端分别打包部署即可，vue一般部署在nginx下，但是有时尽量减少部署时的服务软件需求，打出的包数量也尽量少，可以将vue整合在springboot项目中，由springboot自带的tomcat来运行，更多详细内容在公众号“村中一少”中有介绍。这里介绍下手动打包的情况一、vue打包 1、前端工具我用的VisualStudioCode这个工具，在终端执行命令npm run build，执行成功后...

SpringBoot+vue项目实战（一）

jiuxiang1的博客

02-19

1万+

SpringBoot+vue入门SpringBoot+Vue项目实战一：vue开发步骤一：安装node.js步骤二：安装镜像步骤三：安装Vue步骤四：安装全局vue-cli脚手架步骤五：检查Vue是否安装成功步骤六：创建一个基于 webpack 模板的新项目（可略）步骤七:启动项目，访问项目步骤一：先择file,点击open导入我们的项目步骤二：引入vue插件步骤三：新建两个vue文件步骤四：启动项目二：SpringBoot项目开发步骤1：新建SpringBoot项目步骤2：springboot的crud步

SpringBoot整合Vue部署

m0_61083409的博客

04-08

4532

SpringBoot整合Vue部署说明 Vue项目打包 SpringBoot项目说明由于开发采用的前后端分离开发，所以前端用了Vue。后端用了Springboot，然而在开发完成以后。需要将前后端放入到一起去部署，所以想到了将Vue打包后的项目部署到springboot项目中 Vue项目打包 npm run build #由于我用的是Vue-element-Admin模板，打包命令是 npm run build:prod SpringBoot项目在.yml配置文件中设置静态资源路径

springboot+vue框架

苏杭

04-26

6095

1.Vue的安装新建文件夹"springboot+vue框架" 打开dos界面，进入"springboot+vue框架"文件夹安装node软件安装vue脚本 npm install vue 创建vue项目安装成功后，打开项目 cd springboot-vue-demo npm run serve 直接把springboot-vue-demo拖入到IDEA 设置自动运行按钮设置自动打开浏览器界面 ...

毕设项目：基于SpringBoot+VUE 个人健康管理系统.zip

10-15

毕设项目：基于SpringBoot+VUE 个人健康管理系统毕设项目：基于SpringBoot+VUE 个人健康管理系统毕设项目：基于SpringBoot+VUE 个人健康管理系统毕设项目：基于SpringBoot+VUE 个人健康管理系统毕设项目：基于...

毕业设计：基于SpringBoot + Vue + 微信小程序的疫情人员返乡管理系统.zip

10-15

毕业设计：基于SpringBoot + Vue + 微信小程序的疫情人员返乡管理系统毕业设计：基于SpringBoot + Vue + 微信小程序的疫情人员返乡管理系统毕业设计：基于SpringBoot + Vue + 微信小程序的疫情人员返乡管理系统...

毕设项目：基于SpringBoot+Vue前后端分离实现的宿舍管理系统.zip

12-30

毕设项目：基于SpringBoot+Vue前后端分离实现的宿舍管理系统毕设项目：基于SpringBoot+Vue前后端分离实现的宿舍管理系统毕设项目：基于SpringBoot+Vue前后端分离实现的宿舍管理系统毕设项目：基于SpringBoot+...

springboot项目集成vue

likunpeng6656201的博客

10-22

2802

vue的项目目录如下： vue项目打包首先进入项目目录：cd 项目名然后执行打包命令：npm run build 随后我们的项目中会多出一个dist文件夹：如下图然后将dist文件夹中的所有内容放到eclipse中的src/main/resources/static文件夹里面。（eclipse中默认是没有static文件夹的，需要你手动创建）如下图：最后就是重启springboot...

前后端连接（springboot+vue）--项目阶段3

快乐学习

08-18

1万+

本文详细讲解了Java的springboot项目的创建到mysql数据库和表的创建，并使用nybatis-plus实现了后端对数据库的增删改查，然后创建前端vue页面，使前后端能连接起来，他们连接起来是通过axios去连接的。vue使用的是饿了么ui的组件去完成的，通过异步请求的方式，不浪费资源。文章的后端页面还有视频可以看，是比较适合小白的一个教程

从 0 开始实现一个 SpringBoot + Vue 项目

ProgramNovice的博客

12-17

1万+

从 0 开始实现一个 SpringBoot + Vue 项目

Springboot整合Vue步骤以及遇到的问题

qq_34286744的博客

08-03

2175

【代码】Springboot整合Vue步骤以及遇到的问题。

Spring boot 整合vue

weixin_45341113的博客

04-07

337

1.场景 (1)原先我们的的项目是前后端分离的项目,前端是vue+elementUI, 后端是spring boot开发的. (2)开发完成后,后端部署在tomcat,前端部署在nginx,完美运行 (3)为了方便部署,项目经理要求把前端项目和后端项目只打一个包 2.步骤 1.将前端项目用npm run build打包，会生成一个dist文件 2.后端项目是maven管理的后端项目,...