Angular开启html5模式实现去除路由上的#号

1.为什么Angular实现的SPA路由会有#号?

   由于是SPA,因此需要使用#号来实现锚点,从而实现不刷新页面


2.什么情况下要去掉#号:

  1.当你觉得带有#号的路由很丑的时候

  2.当你需要使用GA等工具的时候(由于无法获取#号后的URL,因此对于GA等网页分析工具是灾难,当然你也可以在每次路由切换的 时候给GA发一个路径)


3.我是如何去掉#号的?

  第一步:注入$locationProvider,开启html5Mode模式

      $locationProvider.html5Mode(true);

  第二步:改写nginx的配置文件(/etc/nginx/nginx.conf)

     只处理根路径,其他路径全部忽略

http {
    # other config 
    server {
        listen 80;
        server_name localhost;
        root /usr/share/nginx/html;
        location / {
            try_files $uri /index.html;
        }
    }
}


备注:当然nginx有很多很强大配置,希望大家去自己去挖掘。


如有错误,请指出,谢谢。
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值