0

import {Component, OnInit, Input} from '@angular/core';
import { Router } from '@angular/router';

import { MainTableService } from './main.table-service';
import { Corps } from './corps';



@Component ({
    selector: 'main-table',
    templateUrl: 'app/main-table.component.html',
    styleUrls: ['app/main-table.component.css']
})

export class MainTableComponent implements OnInit {
    errorMessage: string;
    corpsData: Corps[];


    constructor(
        private mainTableService: MainTableService,
        private router: Router
    ) {}

    ngOnInit() {
        this.getCorpsData();
    }

    getCorpsData() {
        this.mainTableService.getCorpsData()
            .subscribe(
                corpsData => this.corpsData = corpsData,
                error => this.errorMessage = <any>error
            );
    }



    onSelect(corp: Corps): void {
        this.router.navigate(['/details', corp.ID]);

    }

}

Доброго времени суток. Работаю с небольшим приложением на Angular2 и после переноса его на сервер возникла проблема с роутингом. Ранее все лежало в корне на рабочем компьютере и работало вполне правильно. Теперь же приложение лежит на удаленном сервере в папке /static/dat. Ожидаемо поломались все пути, но это починить удалось, а вот с роутингом никак не выходит. Так что в очередной раз вернул все на исходную и вот что есть -

<head>
    <base href="/">

это в index.html

тут идет настройка роутера

import { AppComponent } from "./app.component";
import { MainTableComponent } from "./main-table.component";
import { MainTableService } from "./main.table-service";
import { SelectedDetailsComponent } from "./selected-details.component";
import { SearchService } from "./search-service";
import {SelectedDetailsService} from "./selected.details-service";

@NgModule({
    imports:      [
        BrowserModule,
        HttpModule,
        JsonpModule,
        RouterModule.forRoot([
            {
                path: 'details/:ID',
                component: SelectedDetailsComponent
            },
            {
                path: 'corporations',
                component: MainTableComponent
            },
            {
                path: '',
                redirectTo: '/corporations',
                pathMatch: 'full'
            }
        ])
    ],
    declarations: [
        AppComponent,
        MainTableComponent,
        SelectedDetailsComponent
    ],
    providers: [
        MainTableService,
        SearchService,
        SelectedDetailsService
    ],
    bootstrap: [ AppComponent ]

ну и на выходе получаем страницу без подгруженых темплейтов и кучу ошибок вида EXCEPTION: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'static/dat'

Я уже игрался с путями как мог и дописывал и менял, но пока на выходе все то же самое. Добавил пример компонента

18
  • вообще в большинстве случаев помогло бы изменение <base href="/"> На то, где сейчас находится index.html, Ну или какой там файлик запускается по умолчанию
    – Grundy
    1 ноя 2016 в 10:51
  • я все перекинул и поменял ссылку. вернул конфиги к прежнему состоянию. index.html находится в static/dat/index.html. однако, стоило мне поменять эту штуку на <base href="static/dat/"> как путь ко всему начал считаться как - GET IP/static/dat/static/dat/styles.css внезапные запросы, да.
    – Kriben
    1 ноя 2016 в 11:09
  • какая система сборки используется?
    – Grundy
    1 ноя 2016 в 11:10
  • впервые делаю так что все руками. Редактирую пока на сервере и перезаливаю.
    – Kriben
    1 ноя 2016 в 11:13
  • так что в итоге пока <base href="/static/dat/"> и ошибки GET IP/static/dat/static/dat/app/selected-details.component.html Пока не могу понять, почему оно путь вставляет 2 раза в запрос
    – Kriben
    1 ноя 2016 в 11:21

1 ответ 1

0

Помогло добавление в индекс пути, где сейчас index.html + я забыл убрать из конфига angular-in-memory-web-api.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.