Angular上的静态登录页

Question

我正在学习Angular，在设置静态登录页时遇到了问题。我想要的是一个静态的html登录页，它有两个调用/login和/signup的按钮从那里我想引导angular应用程序(调用应用程序根(。我用nginx提供我的应用程序。

1-我在哪里设置登录页？我尝试用index.html在根级别添加landing.html，并在angular.json:处进行了更改

项目根上的mylanding.html

"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/",
"index": "src/index.html", <--- //changed for src/landing.html
"main": "src/main.ts",

我读过其他问题，他们将index.html用作静态页面，但我不明白以后如何调用我的应用程序根(引导我的SPA(，无论如何，当我从index.html中删除程序根，我有一个空白页面，其中有此错误：

Error: The selector "app-root" did not match any elements 
at DefaultDomRenderer2.selectRootElement (vendor.js:201546)
at BaseAnimationRenderer.selectRootElement (vendor.js:141558)
at locateHostElement (vendor.js:170017)
at ComponentFactory$1.create (vendor.js:188576)
at ApplicationRef.bootstrap (vendor.js:194164)
at vendor.js:193812
at Array.forEach (<anonymous>)
at PlatformRef._moduleDoBootstrap (vendor.js:193811)
at vendor.js:193770
at ZoneDelegate.invoke (polyfills.js:572)

如果有人能给我一些启发，我真的很想了解使用静态登录页并作为第二步(登录或注册(调用我的SPA的神奇之处。

PS1.：我没有设置任何LandingModule或this.router.url='/landing'或this.outer.url=='/index'

PS2.：如果有人也知道以后在nginx做什么。。。

谢谢！！！

Answer 1

这里有一个选项，可以在没有Nginx 的情况下在Angular中构建所有内容

• 创建一个应用程序/主页组件，该组件将呈现您的登录页面，包括Login&注册按钮
• 为Login&注册
• 在编译时(ng-build(，使用AppShell技术预渲染应用程序组件

这是供您参考的博客https://medium.com/technext/boost-your-angular-app-using-appshell-217651af6698