客户端Javascript应用程序 - 没有哈希标记的URL路由

Question

我正在开发一个新的客户端专用应用程序,其中包含最新版本的Ember.js.有一个PHP页面可以构建脚本,css,模板文件等,并将它们全部传递到index.php中.我正在使用htaccess指令,以便将所有请求重写为/index.php.就我而言,PHP只是方便地打包Javascript.

目前,浏览器中的路由看起来像这样,工作得很好.

/#/about 
/#/favorites
/#/etc
/#/posts/5/edit

但是,我希望它们看起来像这样 - 这样做不行.

/about
/favorites
/etc
/posts/5/edit

完全相同的客户端代码仍然与第二个选项一起提供 - 但它总是命中索引路由处理程序.我见过客户端应用程序之前已经解决了这个问题 - 我错过了什么？我需要在PHP端配备匹配的路由处理程序吗？

编辑:我正在寻找如何解决这个问题的具体答案.网络充满了"哦 - 你只是这样做"的信息,让其他人都摸不着头脑.

Answer 1

在Ember.js(版本1.0.0rc3)中,这可以通过使用Ember.js位置API来完成:

App.Router.reopen({
  location: 'history'
});

然后设置Web服务器以将流量重定向到Ember应用程序.

这里给出一个具体的例子是一个基本的Apache .htaccess文件,将流量重定向到位于index.html的Ember应用程序:

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /index.html#$1 [L]

正如Alex White所指出的,Apache 2.2.16及更高版本支持更简单的配置,可将流量重定向到单个目标:

FallbackResource /index.html

该FallbackResource是的一部分mod_dir模块,并且需要AllowOverride Indexes进行设置.

确保彻底测试应用程序路线.一个常见错误是Uncaught SyntaxError: Unexpected token <,它是由使用CSS和JS文件的相对链接引起的.在它们前面加上一个/标记,使它们绝对.

Answer 2

比RewriteRule更好,您可以将它用于Apache 2.2.16+:

FallbackResource /index.html

在您的Apache配置中,以便不需要为每个请求运行RewriteRule.这将确保您的ember应用程序中的每个路径都落在index.html文件中.