首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >与CSHTML页面集成的路由角8

与CSHTML页面集成的路由角8
EN

Stack Overflow用户
提问于 2020-05-25 11:15:31
回答 1查看 161关注 0票数 0

由于我已经在HomeController中集成了它的Index.cshtml,在使用ng build --deploy-url=~/LogisticAppUI/dist/之后,从dist复制Index.html的代码并将其粘贴到Index.cshtml,中,下面是Index.cshtml.的代码

代码语言:javascript
复制
@{
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Color Admin</title>
    <base href="/">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />

    <link rel="icon" type="image/x-icon" href="favicon.ico" />
</head>
<body detect-scroll (onScroll)="handleScroll($event)">
    <app>
        <!-- begin #page-loader -->
        <div id="page-loader" class="fade show"><span class="spinner"></span></div>
        <!-- end #page-loader -->
    </app>
    <script src="~/LogisticAppUI/dist/runtime.js" defer></script>
    <script src="~/LogisticAppUI/dist/polyfills-es5.js" nomodule defer></script>
    <script src="~/LogisticAppUI/dist/polyfills.js" defer></script>
    <script src="~/LogisticAppUI/dist/styles.js" defer></script>
    <script src="~/LogisticAppUI/dist/vendor.js" defer></script>
    <script src="~/LogisticAppUI/dist/main.js" defer></script>
</body>
</html>

现在,当页面正常工作时,它会按需要登录,这里有一个页面的屏幕截图,在单击Staff 之后,我将访问该页面。

现在,如果我再次点击上面的Url,它将向我展示以下内容。

正如我所知道的,它试图通过控制器名称访问,但是它并不存在于API中,如果我试图再次点击URL,而不是在WebApiE 229>中搜索它,那么它只需要在角本身中访问它。只有当我使用E 130>POSTE 231和E 132GETE 233时,它才能工作。

代码语言:javascript
复制
StaffInfoAdd(_Staff: Staff,ProfilePicFile: File) {

        const fData = new FormData();
        fData.append('Id', _Staff.Id == null ? '' : _Staff.Id.toString());
        fData.append('FirstName', _Staff.FirstName);
        fData.append('SendEmail', _Staff.SendEmail.toString());
        fData.append('SendPhone', _Staff.SendPhone.toString());
        fData.append('Password', _Staff.Password);

        if(ProfilePicFile != null){
            fData.append('FileUpload', ProfilePicFile, ProfilePicFile.name);
        }
        const hdrs = new HttpHeaders().append('Content-Disposition', 'mulipart/form-data');
        this.http.post(HostedPathConst.HostedPath + `Staff/Register`, fData, {headers:hdrs})
            .subscribe(this.Success, this.Error);
        this.messageStaffSource.next(_Staff);        
    }

    GetStaff(): Promise<any> {
        const promise = this.http.get(HostedPathConst.HostedPath + `Staff/GetStaff`).toPromise();
        return promise;
    }

当我在Visual代码中独立使用角8时,这很好,但是当我将它与Visual 2019与API集成时,当点击UrlE 244时,开始搜索Controller名称。

EN

回答 1

Stack Overflow用户

发布于 2020-05-25 12:59:41

嗨,我想你需要在app-routing.module.ts中添加useHash: true,它应该看起来像下面的代码。

代码语言:javascript
复制
@NgModule({
  imports: [RouterModule.forRoot(routes, { useHash: true })],
  exports: [RouterModule]
})
export class AppRoutingModule { }
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62001302

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档