码迷,mamicode.com
首页 > Web开发 > 详细

angular 去掉url里面的#

时间:2017-06-07 19:55:59      阅读:321      评论:0      收藏:0      [点我收藏+]

标签:class   function   pre   ref   doc   mode   ati   ever   cond   

1.适合客户端的方法,但是页面不能刷新,一刷新就404

(1)在index.html里添加

<base href="/">

(2)在app.js的config里,注入$locationProvider,添加

.config([‘$locationProvider‘,function($locationProvider){
  $locationProvider.html5Mode(‘true‘);
}])

 

2.服务器端解决方案(要确保apache中已安装rewrite模块)

<VirtualHost *:80>
    ServerName my-app

    DocumentRoot /path/to/app

    <Directory /path/to/app>
        RewriteEngine on

        # Dont rewrite files or directories
        RewriteCond %{REQUEST_FILENAME} -f [OR]
        RewriteCond %{REQUEST_FILENAME} -d
        RewriteRule ^ - [L]

        # Rewrite everything else to index.html to allow html5 state links
        RewriteRule ^ index.html [L]
    </Directory>
</VirtualHost>

 

angular 去掉url里面的#

标签:class   function   pre   ref   doc   mode   ati   ever   cond   

原文地址:http://www.cnblogs.com/cynthia-wuqian/p/6958557.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!