angular - 角通用问题
问题描述
我已将我的网站从 Angular 6 转换为 Angular Universal。但现在面临一个问题 Angular Universal 仅适用于网站的主页而不是内页
任何人都可以让我知道如何将内页转换为角度通用,因此它应该是 SEO 友好的?
主页:
内页代码:
等待你的答复。
解决方案
这就是角度通用的工作原理。
Angular 通用服务器端渲染的使用概念。这意味着当您的 Angular 应用程序的 URL 第一次出现时。首先,内部服务器应用程序 (Express) 将呈现您请求的页面。这背后的原因是在您的服务器应用程序中允许使用 javascript,并且您可以动态更改元标记,这将改善您的 SEO。
现在,如果您在应用服务器中使用 Hashlocation 策略,将首先呈现 APP 组件,因此如果您动态更改元标记,它将无法工作。
我给你的建议是...
1)。如果您使用的是 HashLocation 策略,则将其删除。
2)。如果您在 ngOnInit() 中执行任何 dom 操作 (jQuery) 或使用任何浏览器提供的对象 (window,localstorage),请将其移动到 ngAfterViewInit()。
推荐阅读
- android - 无法从 CursorWindow 读取第 0 行第 0 列。确保在从光标访问数据之前正确初始化光标
- angular - Angular,将表单数据对象推送到可观察数组中并在 MatDataSource 中循环数据
- bitwise-operators - 这个按位运算的输出是什么?如何?
- html - 包装angular - 如何在 this.el.nativeElement.querySelector('selector') 上调用 addEventListner,其中 el 是 elementRef
- c# - UWP WrapPanel / VariableSizedGrid
- c++ - Functional Loop with user input C++
- canvas - 在 Fabric JS 中,如何重新激活被 canvas.deactivateAll() 停用的画布;
- amazon-web-services - AWS Application Loadbalancer 和 Cognito 用户池,redirect_mismatch
- python - Tkinter button arguments