为了账号安全,请及时绑定邮箱和手机立即绑定

Angular开启html5模式,配合nginx配置去除路由的#号

标签:
AngularJS

1.为什么Angular实现的SPA路由会有#号?
由于是SPA,因此需要使用#号来实现锚点,从而实现不刷新页面


2.什么情况下要去掉#号:
1.当你觉得带有#号的路由很丑的时候
2.当你需要使用GA等工具的时候(由于无法获取#号后的URL,因此对于GA等网页分析工具是灾难,当然你也可以在每次路由切换的 时候给GA发一个路径)


3.我是如何去掉#号的?
第一步:注入$locationProvider,开启html5Mode模式
$locationProvider.html5Mode(true);
第二步:改写nginx的配置文件(/etc/nginx/nginx.conf)
只处理根路径,其他路径全部忽略

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

备注:
当然nginx有很多很强大配置,希望大家自己去挖掘。
如有错误,请指出,谢谢。

点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消