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 location 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文件中。

Answer 3

@Pascal：他不是在谈论实际页面刷新，而是使用Ember的history（location: 'history'）。

要回答您的问题，您需要配置 .htaccess 以像往常一样为JavaScript提供内容。一旦您的URL配置为加载您的应用程序，Ember将照常为您照顾所有内容。

Answer 4

是的，您需要在服务器端具有匹配的路由。不使用散列标记也会强制重新加载页面，减慢速度，并且可能导致更多的刷新。

另外，您需要通过服务器传递状态，或使用浏览器本地存储的某种变体。