加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angular2(2.0.0-beta.3)路由url无法正常工作

发布时间:2020-12-17 17:15:55 所属栏目:安全 来源:网络整理
导读:目前我正在玩angular2路由.每件事都按预期工作,但在浏览器中手动输入路线网址是行不通的. 我正在使用的当前代码 app.ts import {Component} from 'angular2/core'; import {Route,RouteConfig,ROUTER_DIRECTIVES,ROUTER_PROVIDERS} from "angular2/router";i
目前我正在玩angular2路由.每件事都按预期工作,但在浏览器中手动输入路线网址是行不通的.

我正在使用的当前代码

app.ts

import {Component} from 'angular2/core';
    import {Route,RouteConfig,ROUTER_DIRECTIVES,ROUTER_PROVIDERS} from "angular2/router";
import {DashboardComponent} from "./dashboard/dashboard.component";
import {UsersComponent} from "./user/users.component";


    @Component({
        selector:'app',template:`
        <h1>{{title}}</h1>
        <nav>
          <a [routerLink]="['Dashboard']">Dashboard</a>
          <a [routerLink]="['Users']">Users</a>
        </nav>
        <router-outlet></router-outlet>
        `,directives:[ROUTER_DIRECTIVES],providers:[ROUTER_PROVIDERS]
    })


    @RouteConfig([
        new Route({
            path:'/dashboard',component:DashboardComponent,name:'Dashboard',useAsDefault:true
        }),new Route({
            path:'/users',component:UsersComponent,name:'Users'

        })

    ])
    export class App{

    }

boot.ts

import {bootstrap} from 'angular2/platform/browser';
import {App} from "./app";
import {HashLocationStrategy} from "angular2/router";
import {LocationStrategy} from "angular2/router";
import {ROUTER_PROVIDERS} from "angular2/router";
import {provide} from "angular2/core";


bootstrap(App,[
    ROUTER_PROVIDERS,provide(LocationStrategy,{useClass: HashLocationStrategy})
]);

使用锚标签的路由工作完全正常,但是当我在浏览器中手动键入相同的URL(http://localhost:3000/users或http://localhost:3000/dashboard)并点击输入时说

Cannot GET /users   

or 

Cannot GET /dashboard

请建议我如何检测浏览器的位置URL更改以匹配路径段(/ users或/ dashboard)并激活相应的Component(或UsersComponent或DashboardComponent)并显示其视图.

解决方法

这是正常的,因为默认情况下,HTML5历史记录用于使用Angular2进行路由.您需要服务器配置将所有路由重定向到HTML条目文件.

你可以看看这个答案:

> Angular 2 : 404 error occur when i refresh through Browser

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读