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 2836
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 ...
开发过程中 解决404错误
weixin_34356138的博客
04-20 407
在初学阶段，经常遇到页面跳转404的错误，总结一下几点 ，希望有所帮助 检查url是否对应，服务器端口号，映射的url，参数是否对应 检查容器是否初始化，如：注解是否正确，配置文件是否扫描到， .检查配置文件，如：web.xml,关键词是否对应，或者有没有写 检查虚拟机，查看ip地址是否正确，以及虚拟机是否开启 转载于:https://www.cnblogs.com/cod...
angular中的路由跳转
m0_58047238的博客
08-28 6458
一、概述 定义：根据不同的URL地址，动态的让根组件挂载其它组件来实现一个单页面应用。 二、安装与配置 安装项目时ng new 项目名，在询问是否要安装带路由的项目包时，选择Y。其它条件依据情况选择即可。 带路由项目与不带路由项目的区别： 多了一个路由配置文件app-routing.module.ts 在app.module.ts文件中引入了路由配置文件，并在imports中注入了。 import { AppRoutingModule } from './app-routing.modu
angular设置路由实现无刷新跳转
bem_zj的博客
05-17 4450
angular设置路由实现无刷新跳转
【无法加载路由】 怎么解决
weixin_30877227的博客
08-19 531
所有的配置目录感觉都对，产出的包缺少了很多东西 少jsp页面等 因为这篇文章 确定了springboot+tomcat做web服务是正确的 http://blog.youkuaiyun.com/zht666/article/details/8673609/ 接下来 瞎试一番。。。结果令人激动 ok了 ...
402、403、404、502等网关错误的解决办法都在这了！
实验楼
05-16 1万+

 
 
 
 
 
 
 关注「实验楼」，每天分享一个项目教程   希望你永远都用不到这篇文章……当你用到时，希望你已经「收藏...
ng alain的简单使用
Monicawin的博客
11-06 1991
1、创建一个空 angular 项目  ng new demo --style less 2、添加 ng-alain 脚手架  ng add ng-alain 3、运行项目  ng serve -o ①.Module 模块  生成一个 trade 模块：  ng g ng-alain:module trade ②.业务页(增删改查)  目前包含的业务组件页，包括：  empty 空白页（待发布）...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值