Javascript apache中使用ngRoute的角度路由深度链接_Javascript_Angularjs_Ngroute

Javascript apache中使用ngRoute的角度路由深度链接

javascript angularjs

Javascript apache中使用ngRoute的角度路由深度链接,javascript,angularjs,ngroute,Javascript,Angularjs,Ngroute,我有一个angular js应用程序，我在传统的html页面中使用它，还包括angular route <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.

我有一个angular js应用程序，我在传统的html页面中使用它，还包括angular route

           <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> 
                <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-route.js"></script>

现在，如果我尝试访问url，它会给出404错误

如何使用angular深入链接到此url？嗨，我想你忘了在index.html中添加

<!doctype html>
<html lang="en" ng-app="mainApp">
    <head>
        <meta charset="UTF-8">
        <title>Angular Demo</title>
        <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="css/style.css">
        <base href="/" />
    </head>
    <body>
        <div ng-view>
        </div>
        <!-- Scripts -->
        <script src="lib/angular/angular.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-route.js"></script>
        <script src="js/app.js"></script>
        <script src="js/controllersTest.js"></script>
    </body>
</html>

最后，您需要在根文件夹中添加.htaccess文件并粘贴它

RewriteEngine On 
Options FollowSymLinks

RewriteBase /

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /#/$1 [L]

我创建了一个类似的应用程序，这段代码适用于我。希望它能帮助你

var module=angular.module（'MyApp'，['ngRoute']）

您需要将服务器配置为返回索引页，而不考虑路由，以便加载应用程序

如果你不能这样做，考虑使用哈希（α）路由<代码>。当（'/BOXAUTH），？注意BASSLASHORD，HTML看起来是这样的：< LULL类=“NavaBavar NaV”>“Li类=”“L/LI> < LI> < UL类=“Nav- Navar NavavBar Brand”>

var mainApp = angular.module('mainApp', ['ngRoute']);

mainApp.config(['$routeProvider', '$locationProvider',
    function($routeProvider, $locationProvider) {
        $routeProvider.
            when('/boxAuth', {
                templateUrl: 'partials/boxReturn.html',
                controller: 'authController'
            })
            .otherwise({
                redirectTo: '/boxAuth'
            });
        $locationProvider.html5Mode(true);
    }
]);

RewriteEngine On 
Options FollowSymLinks

RewriteBase /

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /#/$1 [L]

            module.config(['$routeProvider', function($routeProvider){
                $routeProvider.
                when('/abc', {
                    templateUrl: 'abc.jsp',
                    controller: 'MyController'
                }).
                when('/xyz.jsp', {
                    templeateUrl: '/Test1/xyz.jsp',
                    controller: 'LoginController'
                }).
                otherwise({
                    redirectTo: ''
                });
            }]);