如何在AngularJs中创建用户友好和SEO友好的URL

Question

我们正在使用AngularJs的网站上工作。有没有办法让AngularJs用户友好的网址和seo友好的网址

想要

应用/＃用户/添加

到

application / User / Add

在AngularJs。

---

HTML 5模式将基于哈希的网址转换为基于查询字符串的网址。

喜欢

Hashbang网址 - http://foo.com/#!/bar?baz=23#baz

HTML 5模式 - http://foo.com/bar?baz=23#baz

但我想让我的网址像这样

http://foo.com/bar/baz/23/baz（完全SEO友好网址）

Answer 1

默认模式称为Hashbang模式，其中包含您不想要的#。您可以使用$locationProvider.html5Mode(true);

启用HTML5模式

在此处详细了解如何在HTML5模式下设置路由：https://docs.angularjs.org/guide/$location https://docs.angularjs.org/api/ng/provider/$locationProvider

Answer 2

就我在寻找angularJS网站而言，最好的解决方案是AngularJS SEO PreRender：节点服务器，它使用phantomJS将呈现javascript的页面呈现为HTML。与prerender中间件一起使用。

https://github.com/prerender/prerender