title: External pages and Angular JS routing
body: <p>I have a PHP page over at <code>mysite.com/somedir/script.php</code>.</p>
  
  <p>When I have <code>&lt;a&gt;</code> tags in my Angular views that point to this script, Angular's routing always brings me back to <code>mysite.com/index.html</code> when I click on them.</p>
  
  <p>This is my <code>$routeProvider</code> configuration:</p>
  
  <pre><code>siteModule.config(function($routeProvider, $locationProvider) {
      $routeProvider
          .when('/', {
              templateUrl:'/views/blog.html',
              controller:'blogController'
          })
          .when('/blog',{
              templateUrl:'/views/blog.html',
              controller:'blogController'
          })
          .when('/work',{
              templateUrl:'/views/work.html',
              controller:'workController'
          });
      // For Pretty URLs
      $locationProvider.html5Mode(true);
  });
  </code></pre>
  
  <p>I'm also using some Apache <code>mod_rewrite</code> to handle 404s / page refreshes in an .htacess file that I think may be interfering: </p>
  
  <pre><code>RewriteEngine On
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_URI} !index
  RewriteRule (.*) index.html [L]
  </code></pre>
  
  <p>The aforementioned PHP page is a valid (existing) resource so I'm not sure why Angular or Apache would redirect / rewrite away from it. I'm using the <code>target="_blank"</code> on the <code>&lt;a&gt;</code> tags and have the <code>&lt;base href="/"&gt;</code> set in the index page's <code>&lt;head&gt;</code> tag as well.</p>
  
  <p>I just want to be able to access my script normally instead of being pointed back to the index page. </p>