angular 去掉url裡面的#

標籤：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        # Don‘t 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裡面的#