如何在Node.js中处理angular2路由路径?

鲁希克什

我正在使用Angular2开发NodeJS应用程序。在我的应用程序中,我有一个主页和搜索页面。对于主页,我有一个将为localhost:3000 /呈现的HTML页面,并且从主页用户导航到搜索,我由angular2路由处理的localhost:3000 / search页面

我没有搜索页面的页面,其视图由angular2呈现。但是当我直接点击localhost:3000 / search时,因为我的节点应用程序中没有此路由,所以会出现错误。

我不知道如何在节点应用程序中处理此问题?

用户名

如果localhost:3000/search直接在浏览器导航栏中输入,浏览器将向服务器发出“ /搜索”请求,该请求可以在控制台中看到(请确保选中“保留日志”按钮)。

Navigated to http://localhost:3000/search

如果运行全静态服务器,则会生成错误,因为服务器上不存在搜索页面。例如,使用express,您可以捕获这些请求并返回index.html文件。angular2引导程序启动,并且@RouteConfig中描述的/ search路由已激活。

// example of express()
let app = express();
app.use(express.static(static_dir));

// Additional web services goes here
...

// 404 catch 
app.all('*', (req: any, res: any) => {
  console.log(`[TRACE] Server 404 request: ${req.originalUrl}`);
  res.status(200).sendFile(index_file);
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用Angular2路由

来自分类Dev

如何在用ES5编写的Angular2路由代码中获取URL参数?

来自分类Dev

如何在用ES5编写的Angular2路由代码中获取URL参数?

来自分类Dev

如何在Angular2路由器中导航到子节点的根?

来自分类Dev

Angular2路由器,内容更改,如何避免路由和重建页面

来自分类Dev

Angular 2路由-如何处理路由匹配冲突?

来自分类Dev

如何在Meter.call()方法中访问Angular 2路由器

来自分类Dev

如何将Angular2路由器连接到ngrx / store?

来自分类Dev

如何使用应用范围的URL前缀配置Angular2路由器?

来自分类Dev

使用ActivatedRoute检索Angular2路由上的数据属性,无论路由嵌套的级别如何

来自分类Dev

如何在Angular2 rc3路由中处理来自oauth重定向URL的哈希片段

来自分类Dev

如何配置组件名称为字符串类型的Angular2路由器?

来自分类Dev

如何检查Angular2 3.0.0-rc.1路由器链接是否未激活?

来自分类Dev

Angular2路由路径样式参数

来自分类Dev

Angular2路由路径样式参数

来自分类Dev

如何在页面刷新时使Angular 2路由与App Engine一起使用?

来自分类Dev

Angular 2 v3路由器-如何在子路由中获取父路由参数

来自分类Dev

如何在asp.net core中实现经典的webapi 2路由

来自分类Dev

Angular 2路由和直接访问特定路由:如何配置Apache?

来自分类Dev

如何在URL路径中不带斜杠的情况下实现angular2嵌套组件路由

来自分类Dev

Angular2路由问题

来自分类Dev

如何在angular2中使用简单路由器处理预编译数组警告

来自分类Dev

Angular2:如何从路由器获取路径数组?

来自分类Dev

如何在JavaFX中处理Node焦点

来自分类Dev

如何配置Angular 2路由器以从/ src子文件夹运行

来自分类Dev

如何检测Angular2中的路径

来自分类Dev

.otherwise或新Angular2路由器中的/ **以通过通配符路由非路由

来自分类Dev

.otherwise或新Angular2路由器中的/ **以通过通配符路由非路由

来自分类Dev

如何将Web API 2路由与请求参数中的正斜杠匹配?

Related 相关文章

  1. 1

    如何使用Angular2路由

  2. 2

    如何在用ES5编写的Angular2路由代码中获取URL参数?

  3. 3

    如何在用ES5编写的Angular2路由代码中获取URL参数?

  4. 4

    如何在Angular2路由器中导航到子节点的根?

  5. 5

    Angular2路由器,内容更改,如何避免路由和重建页面

  6. 6

    Angular 2路由-如何处理路由匹配冲突?

  7. 7

    如何在Meter.call()方法中访问Angular 2路由器

  8. 8

    如何将Angular2路由器连接到ngrx / store?

  9. 9

    如何使用应用范围的URL前缀配置Angular2路由器?

  10. 10

    使用ActivatedRoute检索Angular2路由上的数据属性,无论路由嵌套的级别如何

  11. 11

    如何在Angular2 rc3路由中处理来自oauth重定向URL的哈希片段

  12. 12

    如何配置组件名称为字符串类型的Angular2路由器?

  13. 13

    如何检查Angular2 3.0.0-rc.1路由器链接是否未激活?

  14. 14

    Angular2路由路径样式参数

  15. 15

    Angular2路由路径样式参数

  16. 16

    如何在页面刷新时使Angular 2路由与App Engine一起使用?

  17. 17

    Angular 2 v3路由器-如何在子路由中获取父路由参数

  18. 18

    如何在asp.net core中实现经典的webapi 2路由

  19. 19

    Angular 2路由和直接访问特定路由:如何配置Apache?

  20. 20

    如何在URL路径中不带斜杠的情况下实现angular2嵌套组件路由

  21. 21

    Angular2路由问题

  22. 22

    如何在angular2中使用简单路由器处理预编译数组警告

  23. 23

    Angular2:如何从路由器获取路径数组?

  24. 24

    如何在JavaFX中处理Node焦点

  25. 25

    如何配置Angular 2路由器以从/ src子文件夹运行

  26. 26

    如何检测Angular2中的路径

  27. 27

    .otherwise或新Angular2路由器中的/ **以通过通配符路由非路由

  28. 28

    .otherwise或新Angular2路由器中的/ **以通过通配符路由非路由

  29. 29

    如何将Web API 2路由与请求参数中的正斜杠匹配?

热门标签

归档