成都网站建设设计

将想法与焦点和您一起共享

Angular2+如何去除url中的#号详解-创新互联

前言

创新互联专注于西乡塘网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供西乡塘营销型网站建设,西乡塘网站制作、西乡塘网页设计、西乡塘网站官网定制、小程序定制开发服务,打造西乡塘网络公司原创品牌,更为您提供西乡塘网站排名全网营销落地服务。

本文中主要介绍了关于Angular2+中去除url中#号的相关内容,这是最近在工作中遇到的一个问题,觉着有必要给大家分享下,下面话不多说了,来一起看看详细的介绍吧。

1. 为什么要去除?

  • Angular官方指出:如果没有足够使用hash风格(#)的理由,还是尽量使用HTML5模式的路由风格;
  • 如果配置了hash风格,在微信支付或是Angular的深路径依然会出404的问题;
  • 当你需要使用GA等工具时,由于无法获取#号后的URL,导致每次路由切换都给其发送一个路径;
  • '#'有点丑。

2. 怎样才能去除?

有四个方法:

  • 前端 + ngx
  • 前端 + Apache
  • 前端 + Tomcat
  • GithubPages / 码云 Pages + 404 页面

2.1  前端

index.html的head里加

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前文章:Angular2+如何去除url中的#号详解-创新互联
本文网址:http://chengdu.cdxwcx.cn/article/dsodhi.html