使用useHash的Angular 8路由: true
是Angular框架中的一个路由配置选项。在Angular中，路由用于管理不同页面之间的导航和状态。useHash选项用于指定是否使用哈希模式来管理路由。
在Angular中，默认使用的是HTML5的history模式，即路由路径不带哈希符号（#）。但在某些情况下，比如部署到一些不支持HTML5 history模式的服务器上，或者需要兼容一些旧的浏览器，就可以使用useHash选项来启用哈希模式。
在哈希模式下，路由路径会带有一个哈希符号（#），例如：http://example.com/#/home。这样的路由路径可以被服务器正确解析，并且在不支持HTML5 history模式的浏览器中也能正常工作。
使用useHash的Angular 8路由的优势包括：
- 兼容性：哈希模式可以在不支持HTML5 history模式的服务器和浏览器中正常工作，提供更好的兼容性。
- 部署简单：使用哈希模式可以简化部署过程，不需要额外的服务器配置。
- 简洁的URL：哈希模式下的URL相对较短，不包含完整的路径，更加简洁。
使用useHash的Angular 8路由的应用场景包括：
- 部署到不支持HTML5 history模式的服务器上。
- 需要兼容一些旧的浏览器。
腾讯云相关产品中与Angular路由相关的产品是腾讯云CDN加速服务。CDN加速服务可以提供全球分布式的加速节点，加速网站和应用的内容分发，包括静态资源和动态内容。通过使用CDN加速服务，可以提高网站和应用的访问速度和稳定性。
腾讯云CDN加速服务的产品介绍链接地址：https://cloud.tencent.com/product/cdn
相关·内容
目前，在我正在处理的项目中，useHash被设置为true，它工作得很好，因为它们都包含一个#，例如localhost:4200/my-app/#/page1。现在，我有一个需求，需要捕获这个没有#的特定URI，并将其指向一个组件。我试着为这个设置了一条路线，但它不起作用。{ path: 'pageWithoutHash', component: NewComponent, pathMatch: 'prefix' } 有没有一种方法可以匹配不使用
浏览 34提问于2021-08-23得票数 1
我正在一个子文件夹中部署一个Angular应用程序。登录页工作正常。但其他路由器无法正常工作。显示404错误。ng build --prod --base-href /demo/
ng build --prod --base-href /demo/ --deploy-url /demo/ 我已经托管了我的应用程序
浏览 7提问于2019-05-15得票数 1
回答已采纳
1回答
路由模块路径配置 { path: 'invite/:token', component: PreAuthComponent }, 以前我们使用的是 localhost:4200/#/invite/?key=12345 但是在更新到angular 7之后，它不会同时使用两个/？合并并且不能导航。如何使用上面提到的相同配置来实现这一点。当前正在使用不同配置的URL {
浏览 8提问于2019-03-13得票数 2
我正在升级到angular 4。我目前正在使用带有导航状态的ui-router。我混合了angular 1.x和所有新开发的angular 4。我希望我可以使用RouterModule.forRoot(appRoutes，{useHash: true，enableTracing: true})将新路由映射到旧路由。如何从新的angular 4组件
浏览 5提问于2017-04-21得票数 0
1回答
, true);不幸的是，我看不到console.log消息。angular应用程序(在iframe中)使用angular路由器在页面之间导航，代码如下：此外，angular应用程序在其RouterModule中使用useHash: true
RouterModule.fo
浏览 6提问于2018-03-12得票数 1
1回答
我有一个角度的应用程序，一切都很好，直到我想重新加载页面。如果我重新加载该页面，js文件的路径就会改变。我的所有js文件都在根文件夹中，例如，如果我的页面是/contact/，则刷新后js文件的路径变为/contact/name.js。我的问题是如何编写一些htaccess内容，或者需要做哪些nginx设置才能解决这类问题。我尝试了很多与htacces相关的东西，但都没有成功。 谢谢，艾琳。
浏览 22提问于2020-10-27得票数 0
3回答
我已经创建了一个角应用程序，它应该位于.NET-Application的顶部。有一个索引-ASP.NET的视图-应用程序，我应该从它调用一个特定的角度视图。为了进行测试，我尝试了使用http serve在本地托管应用程序--在这里，我只能访问index.html(在我的例子中，index.html没有条目)--一种像/users这样的通向用户的路径--概述将导致这是我的路由模块：
const routes: Routes =
浏览 4提问于2019-10-31得票数 2
回答已采纳
因此，我的app模块中有下面一行代码它为我的所有路由添加哈希，这对我来说很好。但是一些API正在尝试在特定路由上重定向到我的应用程序，并且它在末尾没有包括散列，因此我们可以想象它在以下路由上进行重定向但是由于有了useHash: t
浏览 0提问于2019-05-14得票数 1
我正在使用一个非常简单的angular应用程序。 { component: SelectFrameworkComponent path: 'angular-4-bootstrap-3', }这可以很好地工作，但
浏览 3提问于2018-12-02得票数 3
我正在开发一个简单的angular 2应用程序，路由似乎对我不起作用。当我尝试使用像myapp.com/15/hello这样的url为我的应用程序进行路由时，使用非散列路由保留url参数，代码如下 { path: '**', component: MyComponent },但是，当我移动到useHash路由
浏览 4提问于2018-04-26得票数 0
当我让我的应用程序在生产环境中可用时，我遇到了一个问题。路由不工作生成404错误我需要在项目中进行哪些更改才能在此环境中工作路由？我的本地网站：http://localhost:4200/test 制作：http://my-app/test import { NgModule } from '@angular/core';
import{ RouterModule, Routes } from '@
浏览 24提问于2021-10-15得票数 0
2回答
我正在努力在WordPress管理仪表板中实现一个angular应用程序。 我目前正在尝试实现路由，我想知道是否有一种方法可以将路由与特定参数相匹配。page=angular_plugin 这与angular routing的根路径匹配。然而，如果我想实现更多的页面，我就不能使用不同的路径，因为WordPress不会识别它并返回一个错误。因此，为了避免WordPress干扰我的路由，我需要使
浏览 27提问于2019-04-29得票数 1
回答已采纳
我的角度应用程序面临一个问题，它被部署到Azure中。下面是所做的和观察到的细节。这个应用程序在本地运行得很好，唯一的问题是在部署到Azure应用程序之后，甚至是在GoDaddy主机上。使用标识服务器4进行身份验证的角7应用程序。
您要查找的资源已被删除、名称更改或暂时不可用。
作为信息。我的</e
浏览 6提问于2021-10-26得票数 0
我正在从Angular 2 RC4升级到RC5import {enableProdMode} from '@angular/core';import { provideRouter } from '@angular/router';
import { XHRBackend } from '@angularp
浏览 1提问于2016-08-16得票数 19
回答已采纳
在我的Excel Angular Web Add-In中，当导航到新的路由时，我得到以下错误：但是，这些路由仍然有效。我该如何解决这个问题呢？
浏览 2提问于2018-04-05得票数 0
我是angular的新手，问题是我有动态模块。当我运行我的项目时，所有的模块都会生成。但是我不想生成所有的模块，我只想生成我拥有的登录页面模块。import { Routes, RouterModule, PreloadAllModules } from '@angular/router';import { AddphyComponent
浏览 2提问于2018-12-18得票数 0
2回答
不能使用this.router.navigate。这是我的: app.module.ts importcomponent: SearchComponent
export const routing = RouterModule.forRoot(appRoutes, {useHash: true});
最后，
浏览 4提问于2016-09-07得票数 1
回答已采纳
1回答
当在本地运行我的Angular应用程序时，我可以转到，例如localhost:4200/login。然而，当我部署我的Angular应用程序时，当我访问Website.com/ /login时，我得到“请求的URL在此服务器上找不到”。我的应用程序被部署到Google Cloud应用程序引擎上。当我将"useHash: true“添加到我的RouterModule时。它工作得很好，所以websi
浏览 13提问于2020-04-12得票数 0
有趣的是，我可以转到这个页面，但当我按f12 (在控制台中)时，我得到这个错误：-> Failed to load resource: the server responded with a status404(Not Found) 这是我的简单代码。import 'reflect-metadata'import { Component, NgModule } from '@angular&#x
浏览 1提问于2016-12-16得票数 0
该应用程序也有一些旧的PHP部分，需要重新工作，所以我需要准确的网址如下所示。
和angular在.php后面添加一个斜杠
浏览 0提问于2019-08-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
