当直接浏览到路由地址或刷新时，Angular2不加载
是因为Angular2是一个单页应用（Single-Page Application，SPA）框架，它使用了前端路由来实现页面的切换和加载。在传统的多页应用中，每次刷新页面或者访问不同的路由地址都会重新加载整个页面，包括重新请求服务器获取数据和重新渲染页面。而在单页应用中，页面的切换是通过前端路由来实现的，只有页面中的部分内容会发生变化，不会重新加载整个页面。
当直接浏览到路由地址或刷新时，Angular2不加载的原因是因为在这种情况下，浏览器会向服务器发送一个新的HTTP请求，但服务器并没有配置相应的路由地址，导致无法返回对应的页面内容。这时候，Angular2框架并没有被加载和初始化，因此页面无法正常显示。
为了解决这个问题，可以通过服务器端配置来支持直接浏览到路由地址或刷新。具体的解决方案有两种：
- 配置服务器端路由：在服务器端配置路由规则，使得当直接访问某个路由地址时，服务器能够返回对应的页面内容。这样就可以保证在直接浏览到路由地址或刷新时，Angular2能够正确加载和渲染页面。具体的配置方法和实现方式会根据使用的服务器技术而有所不同。
- 使用Hash路由模式：在Angular2中，可以使用Hash路由模式来解决直接浏览到路由地址或刷新时不加载的问题。Hash路由模式是在URL中添加一个特殊的标识符（#），然后将路由地址添加到标识符后面。这样，当直接访问带有Hash标识符的URL时，浏览器会加载整个页面，并将路由地址传递给Angular2框架进行处理。通过使用Hash路由模式，可以保证直接浏览到路由地址或刷新时，Angular2能够正确加载和渲染页面。
总结起来，当直接浏览到路由地址或刷新时，Angular2不加载是因为服务器没有配置相应的路由地址。解决这个问题的方法可以是配置服务器端路由或者使用Hash路由模式。具体的实现方式会根据服务器技术和项目需求而有所不同。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云CDN加速（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
相关·内容
在应用程序中定义了一条路由： { path: '', component: MainComponent },在应用程序中导航时，路由被正确加载。但是，当用户通过浏览器直接输入.../users时，应用程序不会加载并返回404.此外，当用户<
浏览 0提问于2016-12-28得票数 1
回答已采纳
我想使用angularJS系统路由，而不使用sails js系统。import {View, Component} from 'angular2/core';])
如果我删除config/routes.js中的路
浏览 1提问于2016-02-24得票数 1
我已经在angular2应用程序中定义了路由。RegisterComponent}, {path:'login',redirectTo:''}当我使用标签更改路由时但是当我尝试在浏览器地址栏中手动输入路由时。应用程序将刷新并转到主页路线。
例如，当<e
浏览 0提问于2017-10-27得票数 0
1回答
我们有一个现有的MVC5网络应用程序，在大多数情况下，使用骨干网路由。当您到达站点时，它会加载原始的基本home/index.html，它加载所有的主干脚本，等等。我们正在将Angular2 (版本: 2.0.1)引入到混合系统中，并有一个新的index.html页面，用于从我们的NgController中为release服务。直到您尝试直接刷新或深入链接到后面的示例，其中浏览器在技术上只
浏览 0提问于2016-10-06得票数 0
回答已采纳
我有两个A2路线：'/‘(基本)和’/编辑‘(名称：’编辑‘)；
当我加载blablabla.com页面时，做一些事情-- Angular2将通过“/编辑”blablabla.com/edit url上的Angular2路由来重定向我。在这个A2路由-一些A2组件将加载。但是，当我停留在blablabla.com/edit url上时，如果我重新加载页面-在url blabl
浏览 6提问于2016-02-13得票数 3
回答已采纳
2回答
在访问任何链接并刷新该特定链接之后。网站显示的错误与所附SS中显示的错误相同。请访问本网站了解更多问题，并帮助我解决问题。
浏览 3提问于2022-06-18得票数 -2
1回答
我已经开发了一个基本的要做的应用程序在角2与基本路由。当我点击一个链接，角自动追加#在我的链接的末尾。例如，如果我想路由到便笺页，角度打开。有没有办法阻止#出现在我的urls中？
浏览 1提问于2017-02-19得票数 0
我想确定是第一次执行sammyJS路由(如刷新浏览器)，还是在页面初始加载后访问该路由。
我的用例是，在某些情况下，当执行路由时，新内容不可见，因为用户向下滚动了页面。如果用户已经加载了页面，然后单击了触发路由的链接，但如果用户直接在地址栏中访问路由，则不会执行scrollTo。
浏览 0提问于2013-01-03得票数 1
回答已采纳
1回答
我总是能够在应用程序中进行导航(例如，点击路由器链接)，但如果我尝试直接导航到或刷新浏览器中除root以外的任何页面，页面将完全空白。 我添加了以下重写规则，它解决了路由单个/远离root的问题。例如，我现在可以刷新页面或直接导航到https://example.com/users ? 但是，当URL路由嵌套在此之外
浏览 22提问于2020-11-19得票数 0
回答已采纳
当我刷新我的网站时，我得到一个404。这是与Angular2，类型记录和火基。。当我在本地刷新时，这种情况不会发生。
我是否遗漏了任何路由设置或火基设置？
浏览 0提问于2015-12-22得票数 37
回答已采纳
是否有一种从html中的标记直接从<my-component></my-component>的角度加载组件到延迟加载组件的方法？在组件模板解析过程中，角应该将整个组件加载到浏览器中，当它发现html中没有可用或尚未加载的任何新标记时。我知道我们可以使用loadChildren加载一个模块，它仅限于路由，还需要加载模块及其组件。我只搜索组件，
浏览 0提问于2016-11-20得票数 8
我的react应用程序在使用应用程序导航菜单或直接在浏览器地址栏中键入url时，对于/、/foo和/bar等第一级路由都能正常工作。然而，更深层的url，如/foo/bar，只有在使用应用程序的导航菜单时才有效，而当url直接输入到浏览器的地址栏中时就不起作用了。对于depper index.html，当<
浏览 15提问于2017-03-17得票数 6
回答已采纳
在Angular2中，我希望能够直接导航到一条路由，并且能够(在浏览器中)回击一次，以到达我所在的最后一页。如果您首先访问任何网站(我使用了google.com)，那么将这个plnkr放在浏览器栏：中。如果您按下浏览器的后退按钮，而不是带您到上一页，它会让您继续使用plnkr，直到您再次回击为止。我相信这是因为尽管我直接导航到" home“路由，但当我点击 (请注意，我将基本url设置为/9D5I
浏览 1提问于2016-03-16得票数 0
回答已采纳
如果我在浏览器地址栏上直接输入localhost:3000/登录并点击enter，浏览器将转到我的节点服务器。然而，如果我有一个路由器，导航‘/登录’在我的角2.0应用程序，它不去节点服务器，它显示了一个视图位于客户端。但是它仍然显示localhost:3000/登录在浏览器地址栏上。如果之后立即进行刷新，则会再次尝试转到节点服务器。更新
如果我们告诉路由器导航到
浏览 1提问于2016-08-09得票数 1
回答已采纳
当直接在浏览器中输入子路由/组件的URL时，我应该能够将其重定向到父路由。
在我的子组件的OnInit中有以下代码：
this.router.events.subscribe((event) => {
浏览 1提问于2018-03-07得票数 0
我以前已经设置了页面，路由工作正常，当我点击键盘上的F5或将应该导航到页面的URL放在页面上时，所有的内容都会像预期的那样加载。您将在下面的示例中看到这一点，AuditLog和AddLicenses页面在刷新时或当我手动输入URL (dev是)时都会正确加载。但是，由于某种原因，当我点击F5并得到405个错误时，URL实际上不会加载页面。如果我手动复制URL并将其粘贴到一个新的选项卡中，情况也是一样的。但是，如果我从导航栏中选择它，它
浏览 0提问于2019-11-18得票数 0
回答已采纳
我做了一个小的angular2路由应用。当'npm start‘时，它工作得很好。我对我的问题做了一个小的截屏。如果有人能帮我的话。
浏览 0提问于2016-06-10得票数 0
假设我有index和edit路由。在index中，我选择了item并重定向到edit路由。然后，当我在edit路由上更改表单域上的数据并单击浏览器上的后退箭头时，所做的更改反映在index上，这不应该是因为没有单击保存按钮。但是，当index路由被刷新时，所做的更改并不能反映哪一个是正确的。现在，index路由如何在不刷新页面的情况下重新加载数据
浏览 2提问于2019-05-01得票数 1
点击一本书时，我只想要主面板更新，剩下的页面保持原样，但我确实想要更新URL，以反映所加载的书籍。所有书籍都应该是可直接链接的，因此URL反映了这个直接链接。在加载特定书籍时，我通过设置$location.path()来更新URL，并在ui-路由器状态下使用reloadOnSearch:false来防止刷新。1)当从家庭“图书”页面过渡到特定的书籍时，页面会被刷新。当从一本特定的书
浏览 4提问于2014-11-26得票数 1
回答已采纳
我们已经开发了Angular2应用程序。所以如果我们去 ..。它加载 index.html ，然后单击index.html上的导航链接，将用户带到。但是，当用户试图通
浏览 3提问于2016-08-11得票数 11
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
