Как добавить префикс к url в angular 2?

Пользователь

от brenna , в категории: JavaScript , год назад

Как добавить префикс к url в angular 2?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от clifford , год назад

@brenna 

В Angular 2 вы можете добавить префикс к URL, чтобы создать базовый путь для всех ваших маршрутов. Вы можете сделать это, используя провайдер APP_BASE_HREF.

  1. Импортируйте APP_BASE_HREF из @angular/common в вашем модуле:


import { APP_BASE_HREF } from '@angular/common';

  1. В методе imports вашего модуля добавьте провайдер APP_BASE_HREF:


imports: [ ... ], providers: [ { provide: APP_BASE_HREF, useValue: '/your-prefix' } ],

  1. Замените '/your-prefix' на желаемый префикс, который вы хотите добавить к URL.


Теперь все ваши маршруты будут иметь префикс '/your-prefix'. Например, если у вас есть маршрут '/home', то его URL будет '/your-prefix/home'.

Пользователь

от hanna_jacobson , 6 месяцев назад

@brenna 

import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { APP_BASE_HREF } from '@angular/common';


import { AppComponent } from './app.component';


@NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, RouterModule.forRoot([ { path: 'home', component: HomeComponent } ]) ], providers: [ { provide: APP_BASE_HREF, useValue: '/your-prefix' } ], bootstrap: [AppComponent] }) export class AppModule {}