AngularJS路由删除#符号解决的办法

更新时间：2017年09月28日 08:40:14 投稿：lqh

这篇文章主要介绍了AngularJS路由删除#符号解决的办法的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下

AngularJS路由删除#符号解决的办法

最近做一个web应用，有个需求需要删除angular路由中的#号。

例如：

http://example.com/
http://example.com/#/about
http://example.com/#/contact

需要改成

http://example.com/
http://example.com/about
http://example.com/contact

这个是angular默认自带的，所以想要删除需要配置一下：

$locationProvider.html5Mode(true);

然后再index.html 的header中，指定一个base：

<base href="/" rel="external nofollow" >

这就ok了，需要的通知自己尝试一下吧！

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:

AngularJS基础 ng-repeat 指令简单示例
本文主要讲解AngularJS ng-repeat 指令,这里对ng-repeat的基础资料做了整理，并附有示例代码，有兴趣的朋友可以参考下
2016-08-08
AngularJs Scope详解及示例代码
本文主要介绍AngularJs Scope的知识，这里整理了详细资料及示例代码，有兴趣的小伙伴可以参考下
2016-09-09
AngularJS实现标签页的两种方式
这篇文章分别给大家介绍了AngularJS实现标签页的两种方式，一种是通过普通指令实现标签页，另外一种是通过自定义指令实现的标签页，有需要的朋友们可以来参考借鉴，下面来一起看看吧。
2016-09-09
AngularJS入门教程（零）：引导程序
这篇文章主要介绍了AngularJS入门教程（零）：引导程序,本文是系列文章中的一篇,本系列文章用开发一个AngularJS应用来讲解,需要的朋友可以参考下
2014-12-12
Angular中ng-template和ng-container的应用小结
Angular的日常工作中经常会使用到ng-template和ng-container，本文对他们做一个总结,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧
2022-06-06
详解angularjs中如何实现控制器和指令之间交互
本篇文章主要介绍了详解angularjs中如何实现控制器和指令之间交互，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-05-05
AngularJS的一些基本样式初窥
这篇文章主要介绍了AngularJS的一些基本样式初窥,AngularJS是一款高人气JavaScript框架,需要的朋友可以参考下
2015-07-07
详解AngularJs中$sce与$sceDelegate上下文转义服务
这篇文章给大家详细介绍了AngularJs提供的严格上下文转义服务$sce与$sceDelegate，文中介绍的很详细，有需要的朋友们可以参考借鉴。
2016-09-09
AngularJS整合Springmvc、Spring、Mybatis搭建开发环境
这篇文章主要介绍了AngularJS整合Springmvc、Spring、Mybatis搭建开发环境的相关资料，为学习使用AngularJS做好基础准备，感兴趣的小伙伴们可以参考一下
2016-02-02
AngularJS 防止页面闪烁的方法
我们知道在应用的页面或者组件需要加载数据时，浏览器和angular渲染页面都需要消耗一定的时间。这篇文章主要介绍了AngularJS 防止页面闪烁的方法,需要的朋友可以参考下
2017-03-03