backbone.js - 主干路由在使用 Yeoman 刷新时中断

Question

我正在用 Backbone 和 Yeoman 构建一个应用程序。我遇到了路由问题。

我设置了以下路线:

'test' : testMethod,
'' : index

我已经设置了pushstate:

Backbone.history.start({pushState: true});

我正在使用 Chrome

如果输入 myApp.com#test网址更改为 myApp.com/test和 testMethod()正确点火。

但是，如果我尝试转到 myApp.com/test直接或在浏览器将 url 从 # 更改为/后刷新，然后我得到 404。

我正在使用 Yeoman 内置服务器来测试页面。这可能会导致问题吗？

Answer 1

我不确定您是否在 Yeoman 中使用 BBB。如果你是，这应该不是问题。如果您没有使用 BBB，这是一个已知的 issue . BBB 正确设置了使用pushstate 的重写规则，但是yeoman 的内置服务器似乎没有采用这一点。您可以使用自己的重写规则编辑 grunt.js 文件，以使 pushstate 正常工作。上述链接中的一些用户已成功完成此操作。

当您的应用上线时，您将需要通过您的服务器提供这些 url，或者编辑您的重写规则以执行相同的操作。如果是后者，并且您的应用程序依赖于 SEO，则 SEO 将受到很大影响。