去除地址 # ，将{ provide: LocationStrategy, useClass: HashLocationStrategy }改为

{ provide: LocationStrategy, useClass: PathLocationStrategy },

    { provide: APP_BASE_HREF, useValue: '/' }即可

示例代码中的 APP_BASE_HREF，用于设置资源 (图片、脚本、样式) 加载的基础路径。除了在 NgModule 中配置 provider外，我们也可以在入口文件，如 index.html 文件 <base> 标签中设置基础路径。

<base> 标签为页面上的所有链接规定默认地址或默认目标。通常情况下，浏览器会从当前文档的 URL 中提取相应的路径来补全相对 URL 中缺失的部分。使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。具体使用示例如下：<base href="/">

参考文章 https://segmentfault.com/a/1190000009238481

 
												


											
angular的Hash 模式和 HTML 5 模式的更多相关文章
	

    
						
  1. 《JAVA与模式》之迭代器模式
		
    定义:提供一种方法访问一个容器对象中各个元素,而又不暴露该对象的内部细节. 类型:行为类模式 类图: public static void main(String[] args) { List< ...
    
		
    2. 
						
  2. LVS的工作模式介绍和NAT模式&DR模式实验步骤
		
    一:LVS介绍 二.LVS的NAT和DR模式的实验及配置步骤 一.LVS的简单介绍 linux virtual server 简单来讲lvs是一段内核代码 类似于netfilter本身是一框架但不提供 ...
    
		
    3. 
						
  3. vue路由的两种模式配置以及history模式下面后端如何配置
		
    vue路由的两种模式配置以及history模式下面后端如何配置 1.hash ——即地址栏URL中的#符号.hash 虽然出现URL中,但不会被包含在HTTP请求中,对后端完全没有影响,因此改变has ...
    
		
    4. 
						
  4. Redis 单机模式，主从模式，哨兵模式(sentinel)，集群模式(cluster)，第三方模式优缺点分析
		
    Redis 的几种常见使用方式包括: 单机模式 主从模式 哨兵模式(sentinel) 集群模式(cluster) 第三方模式 单机模式 Redis 单副本,采用单个 Redis 节点部署架构,没有备 ...
    
		
    5. 
						
  5. Objective-C 工厂模式(下) -- 抽象工厂模式
		
    相比简单工厂模式, 只有一个工厂 能生产的手机也是固定的 抽象工厂模式类似于有很多家工厂, 当用户要买什么手机就创建对应的工厂去生产 比如用户要买iPhone就创建一个Apple工厂来生产手机, 要买 ...
    
		
    6. 
						
  6. 轻松掌握：JavaScript代理模式、中介者模式
		
    代理模式.中介者模式 代理模式 在面向对象设计中,有一个单一职责原则,指就一个类(对象.函数)而言,应该仅有一个引起它变化的原因.如果一个对象承担了过多的职责,就意味着它将变得巨大,引起它变化的原因就 ...
    
		
    7. 
						
  7. .NET应用架构设计—表模块模式与事务脚本模式的代码编写
		
    阅读目录: 1.背景介绍 2.简单介绍表模块模式.事务脚本模式 3.正确的编写表模块模式.事务脚本模式的代码 4.总结 1.背景介绍 要想正确的设计系统架构就必须能正确的搞懂每个架构模式的用意,而不是 ...
    
		
    8. 
						
  8. Oracle归档模式和非归档模式
		
    一 什么是Oracle归档模式? Oracle数据库有联机重做日志,这个日志是记录对数据库所做的修改,比如插入,删除,更新数据等,对这些操作都会记录在联机重做日志里.一般数据库至少要有2个联机重做日志 ...
    
		
    9. 
						
  9. [.NET领域驱动设计实战系列]专题五：网上书店规约模式、工作单元模式的引入以及购物车的实现
		
    一.前言 在前面2篇博文中,我分别介绍了规约模式和工作单元模式,有了前面2篇博文的铺垫之后,下面就具体看看如何把这两种模式引入到之前的网上书店案例里. 二.规约模式的引入 在第三专题我们已经详细介绍了 ...
    
		
    10. 
						
  10. 七个结构模式之享元模式(Flyweight Pattern)
		
    定义: 运用共享技术对大量细粒度对象的复用,这要求这些对象都很相似,状态变化很小.将这些对象的内部状态和外部状态进行区分,对于内部状态相同的只存储一个对象,而对不同的外部状态则采用不同的操作. 结构图 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 【2019.8.20 NOIP模拟赛 T2】小B的树（tree）（树形DP）
			
    树形\(DP\) 考虑设\(f_{i,j,k}\)表示在\(i\)的子树内,从\(i\)向下的最长链长度为\(j\),\(i\)子树内直径长度为\(k\)的概率. 然后我们就能发现这个东西直接转移是几 ...
    
			
    2. 
						
  2. 在 ASP.NET Core 项目中使用 npm 管理你的前端组件包
			
    一.前言 在项目的前端开发中,对于绝大多数的小伙伴来说,当然,也包括我,不可避免的需要在项目中使用到一些第三方的组件包.这时,团队中的小伙伴是选择直接去组件的官网上下载,还是图省事直接在网上搜索,然后 ...
    
			
    3. 
						
  3. angularjs中使用锚点，angular路由导致锚点失效的两种解决方案
			
     壹 ❀ 引 公司新项目开发中,首页要做个楼层导航效果(如下图),要求能点击图标对应跳到楼层即可,因为不需要跳转过度动画,也要求最好别用JQ,想着原生js操作dom计算top的兼容性,想着用锚点实现算 ...
    
			
    4. 
						
  4. 【OCR技术系列之二】文字定位于切割
			
    要做文字识别,第一步要考虑的就是怎么将每一个字符从图片中切割下来,然后才可以送入我们设计好的模型进行字符识别.现在就以下面这张图片为例,说一说最一般的字符切割的步骤是哪些. 当然,我们实际上要识别的图 ...
    
			
    5. 
						
  5. new 关键字 和 newInstance() 方法的 区别
			
    区别1: new是一个关键字,可以说是一个指令: newInstance()是一个方法,Class对象的一个方法. 区别2: new主要作用是在内存中生成一个实例,而这个类可以没有提前加载到内从中:  ...
    
			
    6. 
						
  6. IT兄弟连 HTML5教程 HTML5的靠山 W3C、IETF是什么
			
    无规矩不成方圆,软件开发当然不能例外.Web开发涉及的厂商和技术非常多,所以必须要有参考的标准,而且需要一系列的标准.Web程序都是通过浏览器来解析执行的,通过页面的展示内容与用户互动,所以Web标准 ...
    
			
    7. 
						
  7. 使用openpyxl模块进行封装，高效处理excel测试数据
			
    from openpyxl import load_workbook from scripts.handle_config import conf from scripts.constants imp ...
    
			
    8. 
						
  8. ES6入门 阮一峰
			
    ECMAScript 6 入门 http://es6.ruanyifeng.com/#README 在线ES6转ES5 https://es6console.com/k11vgg1r/
    
			
    9. 
						
  9. 【数字图像分析】基于Python实现 Canny Edge Detection（Canny 边缘检测算法）
			
    Canny 边缘检测算法 Steps: 高斯滤波平滑 计算梯度大小和方向 非极大值抑制 双阈值检测和连接 代码结构: Canny Edge Detection | Gaussian_Smoothing ...
    
			
    10. 
						
  10. .NET Core CSharp初级篇 1-2 循环与判断
			
    .NET Core CSharp初级篇 1-2 本节内容循环与判断 循环 循环是一个在任何语言都是极为重要的语法,它可以用于很多东西,例如迭代数组等等.在C#中,语法层面的循环有:for , fore ...
    
			
    11.