删除哈希后的AngularJs页面刷新问题

Question

的index.html

<!DOCTYPE html>
<html lang="en" ng-app="echo">
    <head>
        <base href="/">
        // Other JS and CSS File
    </head>
    <body>
       <div ng-view></div>
    </body>
</html>

myapp.js

    myapp
  .config(function ($routeProvider, $locationProvider) {
    $routeProvider

    .when('/', {
        templateUrl : 'pages/studies.html',
        controller  : 'listStudyController'
    })
    .when('/dashboard', {
        templateUrl : 'pages/dashboard.html',
        controller  : 'mainController'
    })

    .when('/profile', {
        templateUrl : 'pages/profile.html',
        controller  : 'mainController'
    })
    .otherwise({
        redirectTo: '/'
    });

    //check browser support
    $locationProvider.html5Mode({
        enabled:true,
        requireBase:true
    });
});

的.htaccess

RewriteEngine on 
RewriteCond %{REQUEST_FILENAME} -s [OR]
RewriteCond %{REQUEST_FILENAME} -l [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^.*$ - [NC,L]

RewriteRule ^(.*) /index.html [NC,L]

注意：
-成功从网址中删除了哈希标签。
-重新加载页面时显示错误。

未找到
在此服务器上找不到请求的URL / profile。

Answer 1

步骤1：编辑“ httpd-vhosts.conf”
步骤2：设定

<Directory /var/www/html>
           Options Indexes FollowSymLinks MultiViews
           AllowOverride All
           Order allow,deny
           allow from all
</Directory>

AllowOverride全部解决了我的问题。

删除哈希后的AngularJs页面刷新问题

问题描述

1 个解决方案

解决方案1
1 已采纳 2018-03-09 10:46:39

删除哈希后的AngularJs页面刷新问题

问题描述

1 个解决方案

解决方案1 1 已采纳 2018-03-09 10:46:39

解决方案1
1 已采纳 2018-03-09 10:46:39