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

最新推荐文章于 2023-03-10 11:54:04 发布
最新推荐文章于 2023-03-10 11:54:04 发布
阅读量1k 收藏 2
点赞数
分类专栏： 踩坑 文章标签： ng-alain angular路由问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26013261/article/details/88537485
版权

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

如图

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

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

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

在这里插入图片描述

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

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

路由正常

qq_875143287
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
ng-alain表单使用方式详解
08-27
ng-alain表单使用方式详解 ng-alain表单使用方式详解是Angular框架中的一种表单使用方式，主要介绍了ng-alain表单的使用方式详解，包括模板驱动和响应式表单两种不同的架构范式。 一、模板驱动表单 模板驱动表单...
ng-alain-vscode:适用于ng-alain的Visual Studio代码插件
05-27
ng-alain VSCode代码段 注意：从11版本开始，扩展语言将遵循VSCode的显示语言，并且无需安装其他版本的ng-alain-vscode扩展，因此将不再维护。 特征 支持类智能 支持类名称悬停介绍 提取i18n密钥 常见的Angular模板 ...
ng-alain通过路由守护解决token失效导致弹出多条提示
pgLi
06-14 2712
1、在路由中进行配置，当token失效时不允许再跳转到模块     1）编写LoginGuard 服务       import { CanActivate, CanActivateChild } from '@angular/router'; import { Observable } from 'rxjs'; import { Inject, Injector, Inj...
NG-Alain 菜单路由不展开的问题
比海更深
11-24 874
项目上在使用NG-Alain的过程中遇到了一个比较棘手的问题，但采用一种曲线救国的方式解决了，但觉得肯定会有更好的方式去解决，但是目前为止，没有找到更好的方法，所以将这个过程记录下来。 项目开发的是一套web端的后台数据管理软件，采用的是主流后台的页面布局方式，左侧用sidebar-nav控件来实现菜单栏导航，中间采用nz-tab和reuse-tab 路由复用标签来实现表单页面的展示与切换。 菜单栏的展示是保存在前台的一个json文件中，每个菜单的终点都对应一个component，然后通过路由机制来映射加
解决angular2页面刷新后报404错误
weixin_30583563的博客
12-08 260
　　如果你的angular项目部署到一个tomcat容器里面，localhost:8080是JavaWeb的主页，localhost:8080/driver/login是你angular2项目的登陆地址。第一遍跳转login页面，显示正常。但如果你刷新login页面，这会报一个404错误。为什么呢，因为你刷新后其实它走的是JavaWeb的路由了，在Java的路由下找不到这个路由地址，所以报错...
基于qiankun搭建ng-alain15微前端项目入门实践
mjnmjn000的博客
02-22 392
基于qiankun搭建ng-alain15微前端项目入门实践
ng-alain使用中的路由部分自动代码生成的一个问题
知行合一 止于至善
10-16 819
在ng-alain8.5.0的使用中，发现使用```ng g ng-alain:list list -m=模块名称```命令时多次出现路由部分的代码多生成一个分号的问题，使用本文予以memo，问题很小，无伤大雅，估计后续版本会更正此问题。
详解ng-alain动态表单SF表单项设置必填和正则校验
01-21
动态表单的基本使用：https://ng-alain.com/form/getting-started/zh 基于基本示例，增加手机号必填与正则校验的例子： @Component({ selector: 'app-home', template: ` ]=schema ui]=ui formSubmit)=submit($...
ng-alain的sf如何自定义部件的流程
10-15
在开发基于Angular的项目时，ng-alain是一个非常流行的企业级后台管理模板，它提供了丰富的功能和组件。本文将深入探讨ng-alain中sf（Simple Form）如何自定义部件，帮助开发者更好地满足特定需求。 一、自定义部件...
ng-alain动态表单设设置置必必填填和和正正则则校校验
11-23
详解ng-alain动态表单SF表单项设置必填和正则校验。在使用动态表单时对表单项进行非空校验及正则校验
ng-alain 无法加载/sys/log路由
HennyChen的专栏
06-20 1865
https://github.com/cipchk/ng-alain/issues/488解决方法在 angular.json 加上："scripts": [ "node_modules/ajv/dist/ajv.bundle.js" ]
angular：路由失效问题
Cloud Flower的博客-专注unity
03-10 569
使用nesting routes时，发现lazy load的模块（假设XXXModule）的路由失效了，进行lazyload加载的path匹配失效。最后查找到原因，XXXModule被某个模块直接注入了，然后路径刚好匹配XXXModule的路由，这时候路由会忽略lazyload的匹配。
路径正确却报404
热门推荐
qq_45672914的博客
07-16 2万+
路径正确却报404思路：解决： 思路： 1、404肯定是路径不对 从前端请求调用的方法到路径都检查一边，感觉没问题 2、单独访问路径，还是404 排除前端问题，应该是后端问题 3、怀疑是网关没有配置该模块 配置了啊，依旧不行 4、怀疑启动类缺少注解 检查后不缺注解 5、怀疑controller缺少注解 依旧不缺 6、怀疑application配置不正确 检查后没有发现不对的地方 7、打开Swagger发现该模块端口可以访问，但是没有controller接口 思考为什么没有接口呢，是不是我con
angular+ngalain 路由跳转带?url
白白白桃乌龙的博客
08-19 1181
有时候需要需要使用带？的url来动态刷新页面，从而获得最新的页面， HTML或ts中： [routerLink]=”‘/admin/finance/wage-tab-piece/'” [queryParams]=”{id: 1}” 显示为/admin/finance/wage-tab-piece?id=1 ...
关于ng-alain安装的一些采坑
cqliaojing的专栏
01-17 4147
ng-alain 是一个企业级中后台前端/设计解决方案脚手架，最近做车联网项目决定用这个模板。 首先安装node,angular-cli ,npm等基础工具，没问题。 接下来ng new project 新建项目，选择 less ，项目建好了，没问题； 接下来执行 ng add ng-alain，出现了太多的问题了，下面一一描述。 一、根本不安装不成功，ng new 时已经把node_mo...
【无法加载路由】 怎么解决
weixin_30877227的博客
08-19 497
所有的配置目录感觉都对，产出的包缺少了很多东西 少jsp页面等 因为这篇文章 确定了springboot+tomcat做web服务是正确的 http://blog.csdn.net/zht666/article/details/8673609/ 接下来 瞎试一番。。。结果令人激动 ok了 ...
angular - ng-alain的使用,错误解决方式
weixin_30699443的博客
06-05 1110
之前有写过这个ng-alain的使用，当时使用的很顺畅没有任何问题，但是现在使用好像存在问题了，说下注意点以及解决方式： 1.按照ng-alain官方提示,angular版本不支持8.x，当前我是用的7.x版本 2.如果你百度，可能会搜到，各种奇葩的解决方案，但是都比较扯淡的行为（解决方式） 3.按照官方的提示（两种方式） a) git clone, b) ng add ng-alai...
Angular8 路由跳转提示无法加载路由
朝花夕拾的博客
11-02 1208
我的错误原因是路径前面没有organization，路径没有写全导致无法加载路由
关于ng-alain 9.0测试版本新建项目无法使用路由复用问题
shane的博客
04-27 551
在 ng-alain新版本中 在shared.module.ts中 作者 默认取消掉了import{DelonABCModule}from'@delon/abc'; 的引入 这样会导致在按照文档进行路由复用的时候，无法正常使用。 会提示找不到 reuse-tab 这个组件 这时候 只要把DelonABCModule 这个整体 或者ReuseTabModule 这个引入到share...
ng-alain access_token
最新发布
03-12
我可以回答这个问题。ng-alain 是一个基于 Angular 的企业级前端解决方案，access_token 是一种用于身份验证的令牌。在使用 ng-alain 进行身份验证时，需要使用 access_token 来验证用户的身份。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值