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.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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