启用 pushState 后，导航仅适用于空片段答案

【问题标题】：navigate not working ONLY for empty fragment after enabling pushState启用 pushState 后，导航仅适用于空片段
【发布时间】：2015-04-06 00:41:35
【问题描述】：

所以，我有一个完全使用哈希的 Backbone Marionette 应用程序。然后，我决定启用 pushState 以获得更好的 UX URL。

我在以下位置访问应用程序：

http://localhost:8888/multikanban/app

我应用了以下更改：

启用推送状态

Backbone.history.start({pushState: true, root: "/multikanban/app/"});

定义以下.htaccess

<ifModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_URI} !index
    RewriteRule (.*) app/index.html [L]
</ifModule>

此时，应用程序加载没有问题，我可以四处走动，登录等等。但是，当调用 App.navigate("") 时（当我需要进入初始应用程序状态时）我收到以下错误：

Uncaught SyntaxError: Unexpected token <

landing_app.js:15 Uncaught TypeError: Cannot read property 'showLanding' of undefinedlanding_app.js:15 (anonymous function)require.js:1658 context.execCbrequire.js:874 Module.checkrequire.js:1121 (anonymous function)require.js:132 (anonymous function)require.js:1164 (anonymous function)require.js:57 eachrequire.js:1163 Module.emitrequire.js:925 Module.checkrequire.js:1151 Module.enablerequire.js:782 Module.initrequire.js:1178 callGetModulerequire.js:1572 context.completeLoadrequire.js:1679 context.onScriptLoad

require.js:1903 Resource interpreted as Script but transferred with MIME type text/html: "http://localhost:8888/multikanban/scripts/apps/landing/show/show_controller.js".

使用 App.navigate("") 我只是在更新 URL，没有任何内容应该被“传输”，因为错误状态...

观察：

App.navigate("") 在使用 pushState 之前工作。
将 App.navigate("") 更改为 App.navigate("a") 之类的内容可以使其正常工作，但 URL 是错误的..
评论 App.navigate("") 不会让应用崩溃，它根本不会更新 URL，所以问题应该出在 App.navigate("")

如何让 App.navigate("") 工作？为什么该命令显然与服务器交互，它不应该只更新 URL 和历史记录吗？我可以在哪里询问有关此问题的任何想法？

【问题讨论】：

你试过了吗-App.navigate('/');

标签： javascript .htaccess backbone.js marionette pushstate

【解决方案1】：

您收到的错误似乎表明 requirejs 未正确映射到您指定的路径。

【讨论】：

如果我评论 App.navigate("") 它可以工作，show_controller.js 会被加载并显示它必须显示的内容。然后 URL 不会更新。这让我感到困惑，App.navigate("") 应该只是更新 URL 和历史记录吗？为什么它会影响其他任何东西？

【解决方案2】：

好的，经过一番努力，我修复了它。显然，它与后面的更改无关，而是与上个月神秘地工作的 requirejs 配置有关：D

我将 index.html 中的 data-main 和 src 更改为

<script data-main="scripts/main.js" src="scripts/vendor/requirejs/require.js"></script>

到

<script data-main="/multikanban/app/scripts/main.js" src="/multikanban/app/scripts/vendor/requirejs/require.js"></script>

另外，如果有样式，请确保在 href 中定义绝对路径。

欢呼！

感谢@jdaudier 的帮助

【讨论】：