使用html5Mode的角度路由在重新加载后给出“未找到”页面

Question

我制作了一些Angular路线，如下面的代码所示。

app.config(function($routeProvider, $locationProvider, $provide) {
    $routeProvider
    .when('/', {
         templateUrl: 'home.html',
         controller: 'AppCtrl'
    });
    .when('/portfolio', {
        templateUrl: 'portfolio.html',
        controller: 'AppCtrl'
    })
    $provide.decorator('$sniffer', function($delegate) {
         $delegate.history = historyCompatCheck();
         return $delegate;
    });
    $locationProvider.html5Mode(true);
});

这工作正常，在我将基础href设置为“/”后，它接受了一个带有“/ portfolio”的href的锚，但是当我转到“ http://url.com/portfiolo ”或尝试重新加载页面时当我在投资组合路线上时，它会给我一个服务器错误。 我能为此做些什么吗？

提前致谢。

Answer 1

我自己解决了..你总是需要在项目的根目录中创建一个.htaccess文件。 包含以下内容：

 <IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.php$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.php [L]
 </IfModule>

Answer 2

#BEGIN

选项+ FollowSymLinks

<ifModule mod_rewrite.c>
    RewriteEngine on

    # Don't rewrite files or directories
     RewriteEngine on
    RewriteCond %{REQUEST_FILENAME} -s [OR]
   RewriteCond %{REQUEST_FILENAME} -l [OR]
    RewriteCond %{REQUEST_FILENAME} -d
    RewriteRule ^.*$ - [NC,L]

   RewriteRule ^(.*) your root folder/index.php [NC,L]

 </ifModule>
   #END

它的工作100％ <base href="/"></base>也会添加到<head>部分的index.html代码中

使用html5Mode的角度路由在重新加载后给出“未找到”页面

问题描述

2 个解决方案

解决方案1
7 已采纳 2013-08-26 22:06:45

解决方案2
0 2015-12-31 10:48:48

使用html5Mode的角度路由在重新加载后给出“未找到”页面

问题描述

2 个解决方案

解决方案1 7 已采纳 2013-08-26 22:06:45

解决方案2 0 2015-12-31 10:48:48

解决方案1
7 已采纳 2013-08-26 22:06:45

解决方案2
0 2015-12-31 10:48:48