角度2和IIS的路由错误

时间:2016-04-05 13:06:43

标签: javascript angularjs iis angular angular2-routing

我有一个使用angular 2创建的应用程序,在本地完美运行。但是现在当我尝试导航到任何路径(使用角度2的路由器)时,我在iis中部署了应用程序,我得到了一个"您要查找的资源已被删除,名称已更改,或暂时。不可用" 有关如何解决此问题或为何我收到此错误的任何想法?

这是服务器网址: http://vote-ui-app.azurewebsites.net/voting-app-ui 我应该更改基本网址吗?

这是app.component.ts中的路由,其中​​定义了所有路由:

    import {Component} from 'angular2/core'

    import {HTTP_PROVIDERS, Http} from 'angular2/http';
    import 'rxjs/Rx'; // load the full rxjs
    import {ROUTER_PROVIDERS, RouteConfig , ROUTER_DIRECTIVES} from  'angular2/router';

    import { ResultsComponent } from './results/results.component'
    import { VotingCardsComponent } from     './votingcards/votingcards.component'
    import { DashBoardComponent } from './dash/dash.component'
    import { PollsComponent } from './pollslist/pollslist.component'

    @Component({
    selector: 'my-app',
    templateUrl: 'app/app.component.html',
    directives: [ROUTER_DIRECTIVES, ResultsComponent, VotingCardsComponent, DashBoardComponent],
    providers: [HTTP_PROVIDERS,
    ROUTER_PROVIDERS]
    })

    @RouteConfig([

        { path: '/vote', name: 'VotePage', component: VotingCardsComponent },
        { path: '/votepoll/:id', name: 'VotePoll', component: VotingCardsComponent },
        { path: '/results', name: 'Results', component: ResultsComponent },
        { path: '/polls', name: 'Polls', component: PollsComponent },
        { path: '/', name: 'DashBoard', component: DashBoardComponent, useAsDefault: true }
    ])

    export class AppComponent { }

这是我的主要配置基本网址:

import {bootstrap}    from 'angular2/platform/browser';
import {AppComponent} from './app.component';

//this is to avoid the href empty issue
import {provide} from 'angular2/core';
import {APP_BASE_HREF, ROUTER_PROVIDERS} from 'angular2/router';

bootstrap(AppComponent, [
    //this is to avoid the href empty issue
    ROUTER_PROVIDERS,
    provide(APP_BASE_HREF, {useValue : '/' })
]);

0 个答案:

没有答案