如何使用相对URL绕过Angular 2路由？

Absolutely, Angular does support bypassing its routing system for scenarios like yours—here are a few practical, straightforward ways to achieve what you're aiming for:

• Direct Browser Navigation
  The simplest way to skip Angular routing entirely is to use the browser's native window.location API. Just construct your full target URL and redirect directly:

  // Assuming myEnv is your base environment URL (e.g., "https://your-app.com")
  const targetUrl = `${myEnv}/external/user/login/example.php`;
  window.location.href = targetUrl;
  

  This bypasses Angular's router completely and tells the browser to load the external resource directly. If you don't want this redirect to show up in the browser's history, use window.location.replace(targetUrl) instead.

• Route Guard for Wildcard Routes
  If you want to automatically intercept requests to paths starting with external/ before Angular's routing takes over, set up a wildcard route with a guard:

  1. Add a wildcard route to your routing module:

     const routes: Routes = [
       // Your other application routes here
       {
         path: '**',
         canActivate: [ExternalRouteGuard],
         component: NotFoundComponent // Or a dummy placeholder component
       }
     ];
     

  2. Create a guard to check the requested path and redirect:

     import { Injectable } from '@angular/core';
     import { CanActivate, ActivatedRouteSnapshot } from '@angular/router';
     
     @Injectable({ providedIn: 'root' })
     export class ExternalRouteGuard implements CanActivate {
       canActivate(route: ActivatedRouteSnapshot): boolean {
         const requestedPath = route.url.map(segment => segment.path).join('/');
         // Check if the path matches your external prefix
         if (requestedPath.startsWith('external/')) {
           const targetUrl = `${myEnv}/${requestedPath}`;
           window.location.href = targetUrl;
           return false; // Block Angular from processing the route further
         }
         return true; // Proceed with normal routing for other paths
       }
     }
     

  This setup will automatically redirect any navigation to paths under external/ to your full environment URL plus the relative path, skipping Angular's routing entirely.

Both approaches let you avoid Angular's routing mechanism and construct the exact URL you need.

内容的提问来源于stack exchange，提问作者Silvio Zoidberg Sdord