angularjs - 使用 yeoman 设置的 AngularJS 项目的路由问题

Question

这个问题已经有答案了:

AngularJS: How to remove #!/ (bang prefix) from URL? (6 个回答)

已关闭 6 年前。

我已经使用 yeoman 设置了一个新的 Angular 项目。 Angular 版本是 1.6.0。项目设置成功，但我一直面临路由问题

任务运行程序 - Grunt

当我在本地运行项目时，我的本地页面将加载 URL

http://localhost:9000/#!/

我在期待http://localhost:9000/#/

单击“关于”链接时，浏览器将路由至

http://localhost:9000/#!/%23%2Fabout

期望:http://localhost:9000/#/about

当我单击主页链接时，浏览器将路由到

http://localhost:9000/#!/%23%2F

期望:http://localhost:9000/#/

可能是什么问题？我在使用 AngularJS 1.5.8 的其他系统中没有出现此类问题。

Answer 1

我用以下代码解决了这个问题。您可以在 app.js 文件中写入

 $locationProvider.hashPrefix('');