使用AngularJS开发Web应用时，我们经常会遇到需要在子目录下进行路由的情况。然而，有时候我们会发现子目录的路由并没有起作用。这个问题的一个常见原因是我们在应用中使用了标签。

- app
  - index.html
  - js
    - app.js
    - controllers
      - homeController.js
      - aboutController.js

html
  
  
  
  
My AngularJS App
  
  
  
  

javascript
var app = angular.module('myApp', ['ngRoute']);
app.config(function($routeProvider) {
  $routeProvider
    .when('/home', {
      templateUrl: 'views/home.html',
      controller: 'homeController'
    })
    .when('/about', {
      templateUrl: 'views/about.html',
      controller: 'aboutController'
    })
    .otherwise({
      redirectTo: '/home'
    });
});
app.controller('homeController', function($scope) {
  $scope.message = 'Welcome to the Home page!';
});
app.controller('aboutController', function($scope) {
  $scope.message = 'Welcome to the About page!';
});

`标签来显示欢迎消息：

html
Home
{{ message }}

html
About
{{ message }}

现在，当我们在浏览器中访问`/app/home`或`/app/about`时，就能正常显示对应页面的内容了。通过在路由配置中添加``，我们解决了子目录路由不起作用的问题。

在使用AngularJS开发Web应用时，当子目录路由不起作用时，可能是因为应用中使用了标签导致的。为了解决这个问题，我们可以在路由配置中添加``，将基准地址设置为根目录。这样，子目录下的路由就能正常工作了。