Ember.js、EmberCLI - 从 URL 中删除哈希 (#)

Question

所以根据Ember's documentation Ember 默认使用 hashchange事件。这就是为什么我们喜欢 #/some/url设置。我们也可以设置为使用浏览器的history API。

我注意到 Built with Ember 上列出的大多数(如果不是全部)网站显然使用历史API。这是有道理的，因为它使 URL 看起来更自然。

这就是说我(有点)理解 # 的位置、方式和原因得到附加。

我的问题专门与 EmberCLI 相关。我注意到，当我创建一个简单的应用程序时，#不在网址中。那是因为我还没有部署它吗？还是 CLI 默认使用历史 API？如果是这样，这个集合在哪里？我找不到一个实例

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

Answer 1

我点击的第一个使用了哈希历史；)https://fnd.io/

默认情况下，Ember 使用哈希更改事件，主要是由于跨浏览器兼容性。 http://caniuse.com/history

在 ember-cli 中它使用 auto默认情况下。 http://emberjs.com/api/classes/Ember.Location.html#toc_autolocation

如果您查看 router.js你会注意到

var Router = Ember.Router.extend({
  location: YourAppENV.locationType
});

从 config/environment.js 中提取其设置

module.exports = function(environment) {
  var ENV = {
    baseURL: '/',
    locationType: 'auto',
    EmberENV: {
    ....

就像一个快速插件一样，位置历史记录设置起来有点困难，因为您
基本上必须告诉您的服务器在被击中时从基本页面提供服务，然后忽略任何内容，但这实际上只是一次性设置。