若依VUE前端打包,nginx非根目录404解决

若依源码分析(1)——登入登出 前台登录框登录 定位到SysLoginController中的ajaxLogin方法 /** * 处理post方式的login请求 * @param username * @param password * @param rememberMe * @return */ @PostMapping("/login") @Re... 阅读详情

源码修改部分

1.退出登录(不然退出的时候会404):Navbar.vue:112行

this.$store.dispatch('LogOut').then(() => {
    // 退出登录问题
    // location.href = '/index'
    this.$router.push(`/login?redirect=${this.$route.fullPath}`)
})

2.路由部分(不然【点击/刷新】菜单的时候会404)router/index.vue:168行

// nginx 非根目录需要加base,不然到时候路由进不去
export default new Router({
  mode: 'history', // 去掉url中的#
  scrollBehavior: () => ({ y: 0 }),
  base: "你自己的目录名",
  routes: constantRoutes
})

 3.vue配置文件部分 vue.config.js:21行

 publicPath: process.env.NODE_ENV === "production" ? "/你自己的目录名" : "/",

4.重新登录 request.js:91行

store.dispatch('LogOut').then(() => {
            // 如果是登录页面不需要重新加载
            if (window.location.hash.indexOf("#/login") !== 0) {
              // location.href = '/index';
              this.$router.push(`/login?redirect=${this.$route.fullPath}`)
            }
          })

nginx配置部分

location /目录名 {
            alias  /home/service/nginx/html/目录名;
		    try_files $uri $uri/ /目录名/index.html;
            index index.html index.htm;
        }

若依源码学习2:shiro配置及登入登出 1、Shiro 配置 shiro: user: # 登录地址 loginUrl: /login # 权限认证失败地址 unauthorizedUrl: /unauth # 首页地址 indexUrl: /index # 验证码开关 captchaEnabled: true # 验证码类型 math 数组计算 char 字符 captchaType: math cookie: # 设置Cookie的域名 默认空,. 阅读详情

相关推荐

若依(前后端分离),页面刷新一次URL出现“//”,页面刷新两次直接404

若依管理系统,vue3.0前后端分离,前端页面刷新一次URL出现“//”页面刷新两次404

qq_43799179的博客 3187

若依登录和退出登录流程

12三码值从前端传到后端 浏览器发出登录请求 前端把三码值打包成json 传到后端。4浏览器内核显示网页 8浏览器内核加载验证码图片9浏览器内核显示网页完成。13验证码controller比较输入的验证码值和正确的验证码值。4浏览器内核显示网页 5后端生成验证码图片。浏览器内核显示管理后台页面(不在讨论范围内)前端发出跳转网址请求(redirect请求)4浏览器内核显示网页 6验证码图片传给前端。4浏览器内核显示网页 7前端加载验证码图片。前端redirect到管理后台页面。

weixin_45009280的博客 1985

解决宝塔面板部署Vue项目出现404错误的完整指南

《宝塔面板部署Vue项目404错误解决方案》 摘要:本文针对在宝塔面板部署Vue项目时常见的404错误问题,特别是使用VueRouter history模式的情况,提供完整解决方案。主要问题源于服务器配置不当、静态文件路径错误或项目根目录设置不正确。解决方案包括:1)Nginx配置添加try_files规则;2)Apache配置重写规则;3)改用VueRouter hash模式。详细步骤涵盖项目打包、文件上传、权限设置和路径配置,并给出常见问题排查方法和最佳实践建议,如使用Docker部署和启用Gzip压缩

Java程序员_编程开发学习笔记_网站安全运维教程_渗透技术教程 1927

[RuoYi二次开发]对RuoYi登录和退出进行解读

由于最近做项目需要基于若依框架(前后端分离版)二次开发,这里简单记录一下若依框架源代码登录和退出的过程,供自己复习时使用,也希望能够给想学习若依框架的朋友一点启发!以上是关于Ruoyi Vue登录功能后端代码调用流程。包括了登录,进入首页和退出登录,该ruoyi版本为3.8.2.其他版本可能会存在一些差异。

asd2022714的博客 2860

Nginx 踩坑笔记: 部署 React/Vue 前端应用路由 404 Not Found(Error: 404 Not Found | Nginx 1.21.6)

Nginx 踩坑笔记: 部署 React/Vue 前端应用路由 404 Not Found(Error: 404 Not Found | Nginx 1.21.6) 文章目录Nginx 踩坑笔记: 部署 React/Vue 前端应用路由 404 Not Found(Error: 404 Not Found | Nginx 1.21.6)0. 项目背景1. 问题描述2. 问题排查 & 解决方案解决方案附录:示例项目运行文档参考连接 0. 项目背景 React/Vue 等 SPA 前端应用使用 hist

超悠閒的博客 4089

【Nginx】解决在Nginx+Vue部署多个前端项目,二级目录不能访问、访问空白的问题

解决在Nginx+Vue部署多个前端项目,二级目录不能访问、访问空白的问题

走在搬砖的路上! 5921

vue 项目在 nginx 非根目录下部署时访问404的问题

vue 项目在 nginx 非根目录下部署时访问404的问题 当 vue 打包时,如果项目路径不是部署在根目录下时,比如部署在 /new 目录下。这种情况下,使用 简单部署 的方法进行部署会产生 404 错误,即无法找到相关资源,比如静态资源。前端打包配置时部分代码示例如下: // 项目部署基础 // 默认情况下,我们假设你的应用将被部署在域的根目录下, // 例如:https://www.my-...

Blau的博客 2418

用rsl_rl训练四足机器人走梅花桩:PPO算法调参实战与避坑指南

本文详细介绍了如何使用rsl_rl框架和PPO算法训练四足机器人在梅花桩上行走的实战经验。通过分析梅花桩场景的独特挑战,提供PPO算法关键参数配置策略、奖励函数设计方法以及常见问题的解决方案,帮助开发者高效实现机器人平衡控制。文章特别强调了仿真到实机的过渡技巧,最终实现98%的过桩成功率。

weixin_29103191的博客 220

vue+Nginx远程配置

历经了小半天,终于将vue项目部署成功,哈哈哈。 下面就记录这次遇到的问题,希望后面的小伙伴踩坑能及时跳出来!!! 问题:访问首页成功,但二级页面404。 1、vue打包 对于前端小萌新一枚,打包这个词听着好高大尚啊,是什么玩意? 前端项目打包:其实是用cli脚手架创建的项目很大啦,然后正式环境又不需要安装生产依赖环境,所以可以用webpack将项目进行精简,让项目瘦下来,好在运行的时候跑的快嘛~ 2、Niginx根目录部署 一般来说,安装了Niginx会有这样一个目录结构,如果...

小小白 446

图数据挖掘 ECC K-core core number truss number clique

K-core:什么叫k-core,给定一个正整数k(k>=0),k-core是一个G的最大子图(也就是说k-core是一个图的限制),将这个子图定义为Hk,对于Hk中的每个顶点v,他的度数都是大于等于k的。 k-core是内嵌的,如下图所示,集合{ABCD}是H3,也就是3-core的子图。而集合{ABCDE}是H2,也就是2-core的子图,集合{ABCDEGF}是H1,也就是1-core的子图,而从集合的角度来讲H3<H2<H1。 core number:什么叫kcor

weixin_45193103的博客 1684

使用 ANSYS AEDT(双向耦合)对高功率射频同轴滤波器进行热分析

使用 ANSYS HFSS,可以精确计算 EM 损耗,然后将其导入 ANSYS 热分析并使用 ANSYS Icepak CFD 求解器进行仿真,以帮助工程师解决最复杂的热挑战,并预测其设计在温度变化下的表现。然后,RF 损耗将与 ANSYS Icepak CFD 求解器耦合,以执行热分析,包括传热的传导、对流和辐射模式,并计算温度曲线。在此演示中,我们将仿真下面的 RF 同轴滤波器,并计算由于所用材料的有限电导率和介电损耗而导致的 RF 传导损耗。设置 HFSS 设计后,我们可以开始 HFSS 仿真。

jkh920184196的博客 1050

解决vuejs或react应用在nginx非根目录下部署时访问404的问题

以往部署vuejs应用都是直接在nginx的location为/下直接部署,这次遇到要将vue应用部署在/vuejs-admin的非根下,使用以往部署方案直接访问就会404,这时修改步骤如下:1、修改项目router配置,如下:这里一是要修改router模式为history,另一个就是修改base地址为要访问的/vuejs-admin的地址,注意前后都有斜线2、修改build...

weixin_33868027的博客 9285

基恩士PLC编程避坑指南:局部变量@前缀的3个隐藏陷阱与实战解决方案

本文深入剖析了基恩士PLC编程中使用@前缀创建局部变量的三大隐藏陷阱,包括在线调试时的数据丢失、数据类型冲突以及子程序复用时的地址覆盖问题。针对每个陷阱,提供了预定义变量、强类型规范和基址参数传递等实战解决方案,帮助中高级工程师提升代码健壮性与可维护性。

weixin_29171087的博客 101

ruoyi-vue部署在nginx非根目录下前端打包方式及nginx配置方式(超级有用)

1.若依默认情况下打包的前端适用部署于nginx根目录下,nginx配置如下: http { include mime.types; default_type application/octet-stream; sendfile on; keepalive_timeout 65s; #API接口负载 upstream saasserver{ server 192.168.144.21:8080; #网关的地址加

c18092694487t的博客 2249

【Niagara Vykon N4 】物联网学习 03照明控制及照明时间表

3.1 设计思路 3.2逻辑组件添加 ①依据原有控制照明逻辑,打开palette,找到schedule模块,添加BoolenSchedule。 ②打开kitContrl,找到Util,并添加BoolenSwitch。 ③剪切到原有的逻辑线,并进行逻辑连接,如下图。 ④新建BooleanWritable,命名为Switch,设置参数并进行逻辑连接,若下图。 3.3界面设计 ⑤至此完成了逻辑的设...

weixin_45217107的博客 2862

ardupilot BMI088加速度陀螺仪学习

本节主要记录ardupilot 中BMI088传感器的学习过程,欢迎批评指正。BMI088是一款高性能6轴惯性传感器,由16位数字三轴±24g加速度计和16位数字三轴±2000°/ s陀螺仪组成。 BMI088允许高精度测量方向和沿三个正交轴的运动检测。BMI088具有高振动鲁棒性和3 x 4.5 x0.95mm³的小尺寸,是用于无人机和机器人应用等恶劣环境的高性能IMU中的独特产品。 BMI088专门设计用于有效抑制由于PCB上的共振或整个系统的结构而可能发生的振动。 除了高振动稳定性外,BMI088的出

陌城烟雨 2052

用Nginx打包部署vue3项目及404和500解决

这时候可以去任务管理器中查看 是否启动成功,成功可以在任务管理器进程中看到。这个是我的配置,大家可以查看上面 第3 步 配置的具体是什么。可以看到successful 配置成功。6. 在浏览器中访问配置的路径。4. 去cmd中检查一下配置的文件,访问之后再次刷新页面会报404。5. 启动 Nginx。

weixin_45621877的博客 4088

2026年寒武纪数字IC笔试试卷带答案

本文摘要: 该数字IC设计测试卷包含单选题(30分)、波形分析题(15分)、多选题(30分)三类客观题,覆盖时序约束、半导体工艺、状态机、数制转换、同步复位等核心知识点。重点考察:1)跨时钟域处理(如异步FIFO、格雷码应用);2)时序分析(建立/保持时间、时钟约束指令);3)低功耗设计技术(时钟门控、DVFS);4)寒武纪MLU架构特性(张量核、混合精度计算)。解析强调工程实践要点,如异步复位需同步释放、建立时间违例与频率的关联性等。试题难度梯度明显,既包含基础概念辨析(如Moore/Mealy状态机),

Open 223

服务器部署—若依【vue】如何部署到nginx里面?nginx刷新页面404怎么办?【完美解决建议收藏】

服务器部署项目我们大家都会遇到,但是有些铁子会遇到很多的问题,比如前端部署nginx如何操作?前端有单纯的静态页面、还有前后端分离的项目;这里博主直接分享最牛最到位的前后端分离项目的前端部署到nginx上面,以若依项目【springboot+vue】为例,实现将前端部署到nginx上并且能调用后端的接口;有些铁子部署若依项目会遇到404的问题,访问不了后端接口,这个问题也能通过此博客解决,跟着博主操作,学不会你来打我;

小魏快起床的博客 9173

LoRa双端通信稳定性核心:同步字配置与LLCC68工程实践

LoRa是一种基于扩频调制的远距离低功耗无线通信技术,其物理层鲁棒性依赖于发射端与接收端在频率、带宽、扩频因子及同步字等关键参数上的严格一致。同步字作为LoRa帧结构中位于前导码之后的2字节标识字段,承担着物理层帧过滤与网络隔离的核心作用,直接影响通信成功率与抗干扰能力。在实际嵌入式开发中,尤其采用LLCC68等专用射频芯片时,同步字配置错误或双端不一致是导致‘能发不能收’‘间歇性丢包’等典型问题的首要原因。本文面向STM32等Cortex-M平台开发者,结合硬件一致性约束、驱动移植方法论与寄存器级调试手段

weixin_36019375的博客 130

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

用Nginx部署vue项目页面404解决

nginx是一款优秀的web反向代理服务软件。将打包好的dist前端项目,基于nginx完成部署上线。

小恶魔的博客 1万+

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

vue打包之后的项目在nginx的部署404,以及无法跳转路由问题

常见的使用场景是在单页应用程序(SPA)中,将所有请求都指向主页(如 index.html),然后由前端路由进行处理。这个配置将 /redirect-me 路径的请求重定向到 http://example.com/new-location,并使用 permanent 参数表示永久重定向。你需要将 /path/to/your/static/files 替换为实际的静态文件路径。这个配置将把所有 /old-path/ 开头的请求重写到 /new-path/,并将原始路径中的内容保留。# 指定静态文件的根目录。

qq_39330397的博客 7822

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

解决Vue CLI3 项目部署到非根目录下刷新空白问题

一、场景 本地正常的vue项目打包成dist文件,部署到测试环境服务器上,页面空白,无报错也无请求; 部署到服务器上第一页有页面,刷新后页面空白或404; 引入css的type被拦截装换为“text/plain”; 二、原因: 打包到服务器后,资源找不到路径,后台没有正确配置,用户在浏览器直接访问直接空白或404 三、思路: 前端部署路径publicPath是否正确; 前端路由模式是否配置正确; 后端配置是否正确; 四、解决方案: 假设打包后的dist文件内容需要部署到非根目录http.x

xys199719的博客 2427

Vue 打包部署到服务器后,非主页刷新后出现404问题解决

先不讨论是什么原因,直接说解决方法,分两种情况,一种是直接部署到根目录出现404,另一种是部署到二级以上目录出现404 如果是部署到根目录出现404问题,分以下情况 如果服务器是apache环境 确认apache的mod_rewrite模块是否安装并开启, 在根目录寻找.htaccess文件,如果不存在则创建该文件, 在.htaccess文件中加入以下代码 &amp;lt;IfModule m...

zhangjj2418的博客 3155

vue项目部署后刷新页面404的原因和解决方案

vue项目打包部署上线后发现项目是可以正常运行,但是使用F5或者浏览器的刷新按钮直接变成404页面。 扩展:当项目部署到服务器子文件路径时资源404问题。

为技术而生 1万+

使用vite打包并部署vue项目到nginx

在。

2509_94199973的博客 1058
上一篇: MybatisPlus 关联查询方案
97牛肉面
博客等级 码龄9年 54粉丝 75原创
评论 14
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值