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许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。