若依如何将前端静态资源如何整合到后端访问？

已于 2024-09-15 06:22:56 修改
阅读量3.4k 收藏 11
点赞数 4
文章标签： chrome 前端 javascript 若依 java
于 2021-11-17 21:55:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_19309473/article/details/121387246
版权
本文详细介绍了若依前后端分离项目如何将前端资源打包并整合到后端，包括修改前端配置、打包资源、后端配置修改、启动和打包项目，最后进行了测试验证，提供了一种在特定场景下的解决方案。
摘要由CSDN通过智能技术生成

若依前后端分离，如何将前端资源打包，然后整合到后端后，与后端一同打包，形成一个jar,这样在部署的时候，就比较简单。但是一般不推荐这样做，既然用到了前后端分离架构，那么，分离部署是一个更好的解决方案，对于这个小众需求，我们应该怎么做呢？

一、前提准备

在阅读本章教程前， 你需要将若依前后端分离框架在本地电脑上能够成功的运行起来。
如果还没有运行过的可以参考以往教程：手把手教你启动若依前后端分离项目

二、前端配置修改

1、修改ruoyi-ui中的.env.production（二选一）

// 本机地址访问
VUE_APP_BASE_API = '/'

// 任意地址访
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Roc-xb
关注
专栏目录
订阅专栏
JavaWeb——前端如何定位后端资源？
sduihoal的博客
11-26 1752
1、从前端后端的角度来说，用户在浏览器输入url例如：http://ip:port / 应用上下文路径 / 服务路径发生了什么。 ip:port ：对应着服务器的IP地址与端口 应用上下文路径：在web服务器中，可能有多个web项目，每个项目都有自己的应用上下文路径，该路径是在项目部署阶段需要配置的(可以自己设置)。以tomcat为例部署过程如下： 每个应用上下文路径下拥有静态资源（HTML文件），servlet程序资源。 服务路径：每个web应用拥有多个服务路径，对应着一个web应用实现，服务路径是敏
若依框架前端静态资源如何整合到后端访问
qq_45952796的博客
01-09 2075
若依框架前端静态资源如何整合到后端访问
ruoyi-vue前后端分离项目实现一体化打包（前后端合并打包）
weixin_43860634的博客
06-26 5841
ruoyi-vue前后端分离项目实现一体化打包（前后端合并打包）
使用若依管理系统后台搭建网站，修改系统默认访问地址
最新发布
weixin_43840900的博客
07-24 804
由于若依设置了页面白名单，不存在于白名单中的页面都需要被重定向到登录页面，所以我们需要先将新建的页面加入白名单中，使它可以不用登陆就可以被访问到，找到下图中的文件，并将你刚刚定义的路由名称加入到 右侧的方法中。由于公司突然要求做一个网站，手头里没有合适的网站后台框架，于是就想到了用若依地后台管理来搭建网站，所以就涉及到了需要设置若依默认访问页面，整体思路一共分为以下几步。将刚刚此处重定向的登录页地址改为你刚刚创建的路由地址，至此大功告成，默认访问页面就会成为你设定的界面。1.新建页面并定义页面路由。
前后台分离的代码如何全部加到后端
liulang68的博客
09-22 374
把data.json也丢到static里面 而是会直接返回json数据
vue项目如何打包部署到后端
bin_2659017380的博客
04-04 4137
一、项目完善之后需要注意 1）注意axios的请求代理前缀 置为‘’ // 配置代理 proxyTable: { "/api":{ target:'http://localhost:3000', changeOrigin:true,//允许 pathRewrite:{ //重写 把当前链接地址的api设置成 '' url地址上就不会出现http:/api/banner "^/ap
前后端分离及整合
qq_46681199的博客
09-17 6235
在传统的 Java Web 开发模式中，前端写好HTML。 接着，后端在 前端写好的HTML中**“嵌入”**JSP代码，如果后端在开发的过程中遇到页面显示上的问题，就会去找前端询问。 但是前端看不懂JSP代码，往往造成效率低的情况。 后来就有了前后端分离的概念 前后端开发人员提前约定好接口文档（参数、数据类型），然后并行开发，最后完成前后端集成。 前端 HTML 页面通过 Ajax 调用后端API（方法函数） 进行数据交互，提高开发效率。 前后端整合 整合的思路有两种： 一：把前端的资源打包放入到spr
SpringBoot项目+SpringSecurity+前端静态资源
08-23
Spring Security对于前端静态资源的访问也有控制，例如，它可以设置允许匿名访问的资源，防止未认证的用户访问某些敏感的静态文件。这可以通过定义一个AntMatcher或者RegexRequestMatcher来实现，将特定的URL路径...
ruoyi-vue前后端分离项目实现一体化打包（前后端合并打包)
qq_37120477的博客
07-13 3392
转载自: https://blog.csdn.net/weixin_43860634/article/details/131401678说明: 该文章是我对链接中的操作步作坐的一些补充。
打包部署若依SpringBoot后端和Vue前端
chenHengcheng的博客
03-22 3090
打开若依，点击右侧的Maven展开Maven管理，选择ruoyi>Lifecycle 先双击clean清除原本启动项目时生成的文件。打包完成后会在ruoyi-admin>src>target里面看到.jar后缀的文件，就代表打包成功（可以把这个文件复制出来存放到其他地方，方便后面启动）打包完成后查看文件目录，有一个叫dist的文件夹就是打包成功了，dist的文件夹介绍打包的Vue项目了。在命令框里输入java -jar ruoyi-admin.jar回车启动打包好的jar包。原因结束后端的命令窗口关闭了）
day1-若依项目前后端分离的初步使用
jgxc152的博客
07-03 975
在执行update操作是,记录该操作的业务类型和标题,一般配合AOP使用。
【若依前后端分离部署到服务器登录页一直弹窗,登录到后端一刷新页面就报404】
weixin_45568265的博客
03-17 5828
若依前后端分离部署到服务器登录页一直弹窗,登录到后端一刷新页面就报404 记:在服务器上部署过几个若依框架写的程序,每次都会遇到两个问题 第一个:访问登录页的时候弹窗让重新登录就刷新重新弹窗,点取消就没了,验证码也不出来 解决方法及原因:其实也简单就是部署到服务器上后前端调用的配置文件不一样导致的访问路径错了,前端老哥告诉我把路径删了留个’/'就行 第二个是登录到后端一刷新页面就报404,前端老哥说是因为vue有一个模式叫历史模式,刷新会请求现有的路径,历史模式改掉后就会自己去找正确的路径刷新 ...
若依分离版vue打包进jar包部署在一起
fkl978830065的博客
06-09 1608
若依分离版把前端打包到jar文件中一起部署
RuoYi-Vue前后端项目部署
qq_42702382的博客
05-05 8419
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、环境准备二、项目打包1.项目准备2.后端打包2.前端打包三、项目部署1.后端项目部署总结 前言 本文参考视频实践若依的前后端分离项目的部署运行，记录整理一下自己的整个部署运行过程和遇到的问题~ 视频在此：贴上视频链接 一、环境准备 在本文中前后端项目都部署在一台云服务器 1、首先服务器需要安装好相关的软件：jdk、mysql、nginx、tomcat、redis 服务器相关软件的安装参考： 2、由于是本地idea打包后.
若依RuoYi使用IDEA配置详细教程 + 放行自己的静态文件（前后端不分离版）
程序员战胜
06-16 6443
最开始我是直接在static目录下加入自己的各种js css等静态文件，但是引入后怎么都访问不到新加的静态文件，我一开始猜测肯定是静态文件路径的请求被拦截了，然而这个拦截配置在 com.ruoyi.framework.config. ShiroConfig. ShiroConfig 文件中。新建一个名为 ruoyidb 的数据库，右击选择"运行SQL文件"，运行下载项目中的2个SQL文件，（2个SQL文件都是运行在 ruoyidb 数据库中）。
图片路径上传的配置问题
周红伟讲AI
07-08 2486
需求 静态资源目录：/data/ruoyi/uploadPath。 配置静态资源服务，且指向静态资源目录。 配置静态资源服务 # static resources location /static/ { alias /data/ruoyi/uploadPath/; } 1 2 3 4 5 6 通过类似 http://test/static/upload/2021/04/15/6b24c663-1c04-4d0f-b608-8e7ba73c65...
SpringBoot的静态资源访问问题
qq_43750656的博客
08-29 1113
其中html和js中引入的资源路径都是以当前目录作为相对路径引入的，将来部署到服务器时，也是相对资源路径，例如访问index.html路径假设是 http://127.0.0.1:8080/views/index.html,那么js和css文件也应该从http://127.0.0.1:8080/views/开始，http://127.0.0.1:8080/views/css/xxx,http://127.0.0.1:8080/views/js/xxx。vue项目打包后的目录结构。...
SpringBoot访问静态资源和jar外部静态资源，部署前端打包后的vue项目放入静态资源里
蚂蚁舞
04-19 6984
记录一下使用SpringBoot访问静态资源和SpringBoot打包之后的jar外部静态资源，部署前端打包后的vue项目放入静态资源里。
前端通过nginx访问后端静态资源
05-20
#前端静态资源路径 index index.html index.htm; location /api/ { proxy_pass http://127.0.0.1:8080/; #后端服务地址 } } ``` 2. 重新加载Nginx配置文件 ``` sudo nginx -s reload ``` 3. 在前端代码中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Roc-xb

真诚赞赏，手留余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值