预渲染Angular 6（用于SEO）不会将routerLink转换为Href

我正在使用prerender.io使用无头chrome渲染有角度的6页。问题是渲染器不渲染路由器链接，链接信息丢失

鉴于呈现的目的是SEO，这一点尤其有问题

例如，具有[routerLink]=“previewLink”的按钮将被渲染为没有路由器链接的按钮

这是一个活生生的例子

没有链接的呈现页面

“预览”按钮中没有href和路由器链接：

带有路由器链接的角度页面

按钮具有动态生成的路由器链接

• 最初，问题是关于href链接的。但是，这些按钮没有href链接。尽管如此，渲染的按钮不会在预览按钮中渲染路由器链接，因此我不确定googlebot是否可以看到按钮链接到哪里

如果我直接在Mac上的Chrome浏览器中加载并查找该按钮，我也不会在那里看到href：

因此，看起来我们呈现页面的方式与普通Chrome浏览器呈现页面的方式完全相同。

如果我直接在Mac上的Chrome浏览器中加载并查找该按钮，我也看不到href：

---

因此，我们呈现页面的方式与普通Chrome浏览器呈现页面的方式完全相同。

Html按钮没有href属性。如果要生成超链接按钮，只需使用锚元素

<a mat-button [routerLink]="...">
Link
</a>

链接

Html按钮没有href属性。如果要生成超链接按钮，只需使用锚元素

<a mat-button [routerLink]="...">
Link
</a>

链接

A

按钮

元素没有href属性……你说得对。但是，它们在渲染版本中也没有路由器链接。这是否意味着链接信息丢失？与routerLink关联的路径存储在内部，URL在单击按钮时生成并访问。这不意味着当我们单击呈现页面中的预览按钮时，我们应该访问URL吗？（就像它在live页面上工作一样）请参见，一个

按钮

元素没有href属性……您是对的。但是，它们在渲染版本中也没有路由器链接。这是否意味着链接信息丢失？与routerLink关联的路径存储在内部，URL在单击按钮时生成并访问。这不意味着当我们单击呈现页面中的预览按钮时，我们应该访问URL吗？（就像它在live页面上工作一样）请参阅，您所指的路由器链接没有绑定到变量，它可以工作。但是，预览按钮中绑定到变量的路由器链接似乎消失了。您所指的路由器链接没有绑定到变量，它可以工作。但是，预览按钮中绑定到变量的路由器链接似乎消失了。替换为用于SEO目的的works:）替换为用于SEO目的的works:）