Разверните проект Angular 7 с сервером Apache с подпапкой - PullRequest
Новая
       32

Разверните проект Angular 7 с сервером Apache с подпапкой

1 голос
/ 28 марта 2019

Развернуть проект Angular 7 с сервером Apache в подпапке 

Angular CLI: 7.3.1
Node: 11.1.0
OS: darwin x64
Angular: 7.2.4
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.13.1
@angular-devkit/build-angular     0.13.1
@angular-devkit/build-optimizer   0.13.1
@angular-devkit/build-webpack     0.13.1
@angular-devkit/core              7.3.1
@angular-devkit/schematics        7.3.1
@angular/cli                      7.3.1
@ngtools/webpack                  7.3.1
@schematics/angular               7.3.1
@schematics/update                0.13.1
rxjs                              6.3.3
typescript                        3.2.4
webpack                           4.29.0

Index.html: 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Flightslogic</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
</body>
</html>

App.routing: - 

const routes: Routes = [
  { path: 'home', component: HomeComponent, pathMatch: 'full' },
  { path: '',  redirectTo: 'home', pathMatch: 'full' },
  { path: 'about-us', component: AboutUsComponent,  },
  { path: 'contact-us', component: ContactUsComponent,  },
  { path: 'products/fare-app', component: ProductFareAppComponent,  },
  { path: 'developer', component: ResourceDeveloperProgramComponent,  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes), ],
  exports: [RouterModule]
})

Домашняя страницаnav: 

 <ul class="navbar-nav ml-auto">
              <li class="nav-item active">
                <a class="nav-link waves-light" 
                href="#" 
               mdbWavesEffect>Home
              <span class="sr-only">(current)</span></a>
              </li>
              <li class="nav-item">
                <a class="nav-link waves-light" 
                mdbWavesEffect  href="about-us">About</a>
              </li>
    <ul>

Я хочу развернуть на сервер Apache с подкаталогом.Как я могу этого достичь.Например: http://www.example.com, а подкаталог - это subdir.Поэтому я хочу развернуть на http://www.example.com/subdir. Как мне этого добиться.

1 Ответ

1 голос
/ 28 марта 2019

Наконец-то я решил это. Переписав файл .htaccess Перепишите файл .htaccess как 

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /subdir/
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . index.html [L]
</IfModule>

ng build --base-href = / subdir / --deploy-url = / subdir / --prod

...