ng-alain 路由配置 路由配置正确但是强制弹出404窗口

最新推荐文章于 2024-04-08 17:19:54 发布
最新推荐文章于 2024-04-08 17:19:54 发布
阅读量1.1k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： 踩坑 文章标签： ng-alain angular路由问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_26013261/article/details/88537485
本文解决了一个在使用ng-alain框架时遇到的路由配置正确却强制弹出404的问题。通过调整模块加载顺序，将新注册的模块放置在RouteRoutingModule之前，确保了所有路由模块被正确检测。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

ng-alain 出现路由配置正确但是强制弹出404

如图

如图已经成功配置了ng-alain的路由，在angular项目中是运行正常的，但是在ng-alain中出现强制404。

在这里插入图片描述
在这里插入图片描述

路由的路径是正确的，模块已经注册

在这里插入图片描述

. 出现原因，ng-alain的RouteRoutingModule模块是加载在最后的，新注册的模块必须添加在RouteRoutingModule之前，否则会默认不检测后面的路由模块，

正确的写法
在这里插入图片描述
在这里插入图片描述

路由正常

详解ng-alain动态表单SF表单项设置必填和正则校验
10-16
总结来说，`ng-alain`的动态表单提供了一种灵活的方式来创建和验证表单，包括设置必填项和正则表达式校验。通过`SFSchema`和`SFUISchema`两个对象，开发者可以精细控制表单的布局、验证规则以及错误提示，极大地提高...
ng-alain表单使用方式详解
08-27
ng-alain表单使用方式详解 ng-alain表单使用方式详解是Angular框架中的一种表单使用方式，主要介绍了ng-alain表单的使用方式详解，包括模板驱动和响应式表单两种不同的架构范式。 一、模板驱动表单 模板驱动表单...
ng-alain通过路由守护解决token失效导致弹出多条提示
pgLi
06-14 2837
1、在路由中进行配置，当token失效时不允许再跳转到模块     1）编写LoginGuard 服务       import { CanActivate, CanActivateChild } from '@angular/router'; import { Observable } from 'rxjs'; import { Inject, Injector, Inj...
NG-Alain 菜单路由不展开的问题
比海更深
11-24 1011
项目上在使用NG-Alain的过程中遇到了一个比较棘手的问题，但采用一种曲线救国的方式解决了，但觉得肯定会有更好的方式去解决，但是目前为止，没有找到更好的方法，所以将这个过程记录下来。 项目开发的是一套web端的后台数据管理软件，采用的是主流后台的页面布局方式，左侧用sidebar-nav控件来实现菜单栏导航，中间采用nz-tab和reuse-tab 路由复用标签来实现表单页面的展示与切换。 菜单栏的展示是保存在前台的一个json文件中，每个菜单的终点都对应一个component，然后通过路由机制来映射加
解决angular2页面刷新后报404错误
weixin_30583563的博客
12-08 311
　　如果你的angular项目部署到一个tomcat容器里面，localhost:8080是JavaWeb的主页，localhost:8080/driver/login是你angular2项目的登陆地址。第一遍跳转login页面，显示正常。但如果你刷新login页面，这会报一个404错误。为什么呢，因为你刷新后其实它走的是JavaWeb的路由了，在Java的路由下找不到这个路由地址，所以报错...
基于qiankun搭建ng-alain15微前端项目入门实践
mjnmjn000的博客
02-22 502
基于qiankun搭建ng-alain15微前端项目入门实践
ng-alain使用中的路由部分自动代码生成的一个问题
知行合一 止于至善
10-16 885
在ng-alain8.5.0的使用中，发现使用```ng g ng-alain:list list -m=模块名称```命令时多次出现路由部分的代码多生成一个分号的问题，使用本文予以memo，问题很小，无伤大雅，估计后续版本会更正此问题。
ng-alain的sf如何自定义部件的流程
10-15
在开发基于Angular的项目时，ng-alain是一个非常流行的企业级后台管理模板，它提供了丰富的功能和组件。本文将深入探讨ng-alain中sf（Simple Form）如何自定义部件，帮助开发者更好地满足特定需求。 一、自定义部件...
ng-alain-vscode:适用于ng-alain的Visual Studio代码插件
05-27
ng-alain VSCode代码段 注意：从11版本开始，扩展语言将遵循VSCode的显示语言，并且无需安装其他版本的ng-alain-vscode扩展，因此将不再维护。 特征 支持类智能 支持类名称悬停介绍 提取i18n密钥 常见的Angular模板 ...
angular项目添加路由不起作用
最新发布
qq_36955155的博客
04-08 406
这是一个通配符路由，它会匹配任何未被其他路由定义的路径，并将用户重定向到。但是访问robot路径时，跳转到home页面，而非新增的robot页面。在路由表中会首先被检查，导致用户被重定向到。路径时，由于通配符路由。将不会被加载和显示。
路径正确却报404
热门推荐
qq_45672914的博客
07-16 3万+
路径正确却报404思路：解决： 思路： 1、404肯定是路径不对 从前端请求调用的方法到路径都检查一边，感觉没问题 2、单独访问路径，还是404 排除前端问题，应该是后端问题 3、怀疑是网关没有配置该模块 配置了啊，依旧不行 4、怀疑启动类缺少注解 检查后不缺注解 5、怀疑controller缺少注解 依旧不缺 6、怀疑application配置不正确 检查后没有发现不对的地方 7、打开Swagger发现该模块端口可以访问，但是没有controller接口 思考为什么没有接口呢，是不是我con
ng-alain 无法加载/sys/log路由
HennyChen的专栏
06-20 1936
https://github.com/cipchk/ng-alain/issues/488解决方法在 angular.json 加上："scripts": [ "node_modules/ajv/dist/ajv.bundle.js" ]
angular+ngalain 路由跳转带?url
白白白桃乌龙的博客
08-19 1243
有时候需要需要使用带？的url来动态刷新页面，从而获得最新的页面， HTML或ts中： [routerLink]=”‘/admin/finance/wage-tab-piece/'” [queryParams]=”{id: 1}” 显示为/admin/finance/wage-tab-piece?id=1 ...
使用ng-alain遇到的一些问题和总结
白日梦想家的博客
04-28 7722
最近一个项目是用springboot作为后台框架，angular作为前端框架的方式进行开发的，之前一直想找一个比较好使的前端模板框架来使用，因为不懂ui也不擅长去修改样式啥的，希望侧重于现有工具的使用，更多的进行业务的开发而不是样式的调整。ng-alain是阿里出品的，之前也想用layUI，但是网上有说angular跟layUI搭配使用的话会有一些比较麻烦的问题，比如说事件的监听啥的...
[yii2]不加载layout布局文件的实现方法
嚼菜根
06-16 8581
Yii框架默认渲染模板的时候会渲染布局，新创建的项目也包含了3个默认的布局：main.php column1.php column2.php，并且默认创建了一个公共控制器 Controller.php(在components目录下)，默认的SiteController.php是继承的这个Controller.php，这个控制器指定了布局文件为column1.php。  让我们看看渲染一个模板
浅谈Angular网络请求
weixin_34347651的博客
03-28 445
2019独角兽企业重金招聘Python工程师标准>>> ...
关于Nginx配置项目后报404错误的原因，以及解析
白鹭天行的博客
07-12 2万+
本次讲解多个配置，并提供修改方法 宝塔配置【并不怎么好，还是建议自己Linux配置，成长嘛】 本地开发为Apache，部署项目到线上为Nginx，配置完毕之后报404错误 原因为Apache会去加载你项目中的.htaccess文件，该文件提供了你项目的伪静态，而 Nginx服务器不识别.htaccess文件，导致伪静态规则无效，自然无法解析url地址，导致404错误（文件不存在） 解决方法： 复...
angular--权限控制路由
weixin_33736832的博客
08-22 847
angular实现权限控制路由 前端去实现下根据数据开控制路由，我感觉挺扯淡的，但是公司既然有需求，那我们的设计就要跟着需求走。下面是我实现权限控制路由的一种方法。 解决的思路： 1.首先从后台获取该用户的权限 2.建立一个server，用来判断权限数组里是否有此权限 3.根据权限来显示路由 1.自定义服务 angular.module("manage.common") ...
angularJS 路由不能正常工作 URL中出现#！
github_38469481的博客
04-24 5344
使用ng-route大于1.6.0的版本时，地址中的 "/" 会自动被解析 而且还会在URL地址中加入#！ 导致路由不能正常的工作  如图所示    解决此问题的方法有两种 ： 1、如果坚持使用当前版本的angular则在配置路由时添加如下代码 $locationProvider.hashPrefix(''); 代码如下所示 var myApp
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值