Angular 2路由在页面刷新或重新加载时不起作用？
Angular 2是一种流行的前端开发框架，它提供了强大的路由功能来管理应用程序的不同页面。然而，当页面刷新或重新加载时，Angular 2的路由可能会失效。这是因为在这些情况下，浏览器会向服务器发送请求，服务器会返回相应的HTML页面，但不会执行Angular 2的路由逻辑。
为了解决这个问题，可以采取以下几种方法：
- 使用Hash路由模式：在Angular 2中，可以选择使用Hash路由模式，即在URL中添加一个#符号。这样，当页面刷新或重新加载时，浏览器会仍然停留在同一个URL，并且Angular 2的路由仍然可以正常工作。但是，这种模式会使URL看起来不太友好。
- 使用服务器端路由配置：在服务器端配置路由规则，以确保在页面刷新或重新加载时，服务器能够正确地返回Angular 2应用程序的入口点。这样，Angular 2的路由就可以正常工作。具体的配置方法取决于使用的服务器技术，例如Node.js、Java等。
- 使用Angular Universal：Angular Universal是Angular官方提供的一个解决方案，用于在服务器端渲染Angular应用程序。通过使用Angular Universal，可以在服务器端生成完整的HTML页面，并将其发送给浏览器。这样，无论是页面刷新还是重新加载，Angular 2的路由都可以正常工作。
总结起来，当页面刷新或重新加载时，Angular 2的路由可能会失效。为了解决这个问题，可以使用Hash路由模式、服务器端路由配置或Angular Universal。这些方法可以确保在这些情况下，Angular 2的路由仍然可以正常工作。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云主页：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
相关·内容
1回答
如何在尝试通过id获取项目时防止错误-如果我刷新页面-这是代码： getServices(): Observable <any> { console.log('data',data);} }当我刷新页面时
浏览 0提问于2016-12-07得票数 0
在我主页中有一个div id="page_content"，我在该div中加载一个jsp页面。还有一个刷新按钮，通过它可以在div中重新加载页面。我已经在那个页面上写了一些类似{{1+2}}的angularjs。当点击刷新按钮时，调用$('#page_content').load(page_url);页面被
浏览 26提问于2019-04-09得票数 0
回答已采纳
我从过去的一周开始学习angular 2，我在处理路由时发现了一个问题。在开发阶段，我通过npm start运行我的应用程序。但是我是用gulp.js迁移的，当我通过输入gulp开始运行时，输出是完美的，但是当我手动重新加载/refersh/更改路由时，routing not working显示无法在地址栏中获得消息。-shim/es6-shim.min.js'
浏览 20提问于2016-08-16得票数 1
回答已采纳
有没有什么方法可以让我在angular js和onrefresh页面中加载一些数据到缓存中，并从缓存中加载这些数据并再次显示？现在的问题是，每当我刷新页面时，sharedServices应用程序共享的详细信息都会重新启动，因为所有的JS都会在页面刷新时重新加载。
我有一个登录页面和一个主页。登录成功后，我使用$route
浏览 2提问于2012-09-27得票数 28
回答已采纳
2回答
有没有办法在Angular 2中禁用模板缓存？
我在Angular2中创建了一个单页面应用程序。我的应用程序有三个页面。所以我使用路由从一个页面切换到another.In，我有一个提交按钮，我需要根据用户选择的值禁用它。我的问题是，一旦我将其禁用，它将保持禁用状态，直到我刷新，当我返回到同一页面时，page.It将不会启用。这是因为模板缓存。Html页面<
浏览 0提问于2016-03-09得票数 2
我有3个不同的页面在我的angular (我使用Angular 6)，但我仍然困惑如何让我的所有页面自动刷新/重新加载间隔时间。 有没有什么方法可以做函数或者其他东西？与每个页面component.ts、component.html或应用路由中的自动刷新/重新加载相关。模块？ 有什么建议或经验来制作这样的东西
浏览 15提问于2019-02-17得票数 5
回答已采纳
1回答
我已经开发了一个基本的要做的应用程序在角2与基本路由。当我点击一个链接，角自动追加#在我的链接的末尾。例如，如果我想路由到便笺页，角度打开。有没有办法阻止#出现在我的urls中？
浏览 1提问于2017-02-19得票数 0
我想做一个重定向，做一个完整的页面重新加载，这样当页面加载时，来自我的web服务器的cookie会被刷新。window.location = "/#/Next"和window.location.href = "/#/Next"不起作用，它们做的是不会命中服务器的角度路由。在Angular控制器中发出完整的服务器请求的正确
浏览 1提问于2013-04-15得票数 93
13回答
在根据几个用户上下文呈现整个页面并发出几个$http请求之后，我希望用户能够切换上下文并重新呈现所有内容(重新发送所有$http请求，等等)。.then($scope.on_impersonate_success, $scope.on_auth_failed);如果我使用$window.location.reload()，那么在auth.impersonate此外，hack $location.path($location.path())也不起作用(什么也没发生)。
是否有其他方
浏览 3提问于2013-05-23得票数 308
回答已采纳
我想手动重新加载页面，使用正确地移动到不同的页面，但是我想使用然而，当在/account/messages上重新加载页面时，它什么也不做。重新加载的正确代码是什么？亚历克斯
浏览 2提问于2014-08-18得票数 0
因此，在我的登录组件中，我生成了一个令牌，使我能够从angular应用程序访问Tablaue仪表板示例public getToken(){// then
浏览 0提问于2021-04-16得票数 0
现在我的网站有一些动态路由，当重新加载或在新选项卡中打开时，会重定向到404页面。我知道当我们使用nuxt generate生成静态站点时，路由应该使用nuxt.config.js中的routes()。但在SPA模式下，它应该在页面刷新或重新加载时工作。即使在Angular中，当在SPA模式下运行时，动态路由也
浏览 2提问于2020-03-05得票数 3
这是我的HTML导入，两个AngularJS的东西都是v1.2.6： <script type="text/javascript" src="angular/angular</em
浏览 2提问于2013-12-22得票数 2
1回答
我使用angularjs htmlMode5进行路由，比如在头部我已经放置了问题是当我从浏览器刷新页面时，angular $http请求不会被调用。让我详细解释一下：
我在wordpress的
浏览 0提问于2016-11-09得票数 1
我最近升级到了Angular2最终版本。我不认为这是重复的，因为在Angular2最终/Rc7更新之后不再为我工作。以前，刷新页面将使用散列(#)获取相关路由并重新加载页面。现在，我在任何刷新的页面上都会得到这个错误：我认为这是因为它试图加载http://localhost:3000/main&
浏览 5提问于2016-09-20得票数 1
回答已采纳
2回答
我正在尝试在Angular 7中构建一个功能，在那里我单击刷新按钮，然后重新加载路由(而不是重新加载页面)并刷新数据(我相信这将意味着再次进行所有api调用)。刷新点击是在一个公共组件中实现的，并且它在应用程序中的所有地方都被使用。在我使用的通用组件的构造函数中：
this.someVariable = this.router.events.subscribe((
浏览 0提问于2020-01-22得票数 2
Angular 2测试版默认使用html5路由。但是，当您转到一个组件，并且路由发生更改(例如)并重新加载/刷新页面时，将不会加载任何内容。我不确定如何使用asp.net服务器环境来处理这个问题。有没有
浏览 79提问于2016-01-06得票数 22
回答已采纳
我正在做一个项目，其中我使用了Angular-UI路由。当我尝试刷新网页或直接输入URL时，它被重定向到父状态。它确实加载了我重新加载的URL的状态，但很快就会重定向到父状态。这是我的状态路由 .state('home', { views: {
"home": {如
浏览 0提问于2015-05-07得票数 3
我正在构建一个angular 4应用程序，我想实现a confirm box，这将显示，只有当用户按下页面刷新或页面重新加载。确认框应该类似于
我使用了与中相同的代码。在jsfiddle中，该功能运行良好，但在我的angular应用程序中，它不起作用。如果我在函数中放入任何console.log，那么只要我刷新页面，我就可以在控制台中获得输
浏览 0提问于2018-06-06得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
