AngularJS Ui-Router 嵌套 View 不适用于 html5mode

Question

我正在使用 AngularJS与 ui-router我在使用 Html5Mode 时遇到嵌套 View 问题.这个问题只发生在 html5 上，如果我不使用它，一切正常。我尝试使用 base <base href="/">但效果不佳。

此外，问题只发生在嵌套 View 中，在主 ui-view 上。没关系。

这是我正在使用的代码:

index.html

<div>
    <ul>
        <li ui-sref="menu">Menu</li>
        <li ui-sref="user">User</li>
        <li ui-sref="contact">Contact</li>
    </ul>
    <div ui-view autoscroll="false"></div>
</div>

子模板.html

<div class="container">
    <div>
        <ul>
            <li ui-sref="user.data">My Info</li>
            <li ui-sref="user.order">My Order</li>
            <li ui-sref="user.budget">My Budget</li>
        </ul>
    </div>
    <div ui-view></div>
</div>

app.js

.state("user", {
    url: "/User",
    templateUrl: "content/user.html",
    controller: "UserCtrl"
})
.state('user.data', {
    url:"/MyData",
    templateUrl: "content/user/user_data.html",
    controller: 'UserCtrl'
})

如果我使用 html5 WITH `，我可以导航，但是当我刷新页面时，我会收到如下错误:
Resource interpreted as Stylesheet but transferred with MIME type text/html
如果我使用 WITHOUT <base href="/" />那么它根本不起作用。但同样，仅对于子 ui-view，父 View 仍在工作。

Answer 1

直到现在我还没有遇到这样的问题，所以我的知识有限，但我听说了一些可以帮助你的事情。如 this ui.router tutorial说:

HTML5 Mode

The UI Router framework gives you ultimate control over the URLs generated for your site by allowing you to enable HTML5 mode. When enabled, this mode does not generate hash (#) locations, but uses the HTML5 history API to generate clean URLs. The only caveat to this approach is that you must build your application to work under each generated path, rather than just at the root, which is customary in most single-page applications.

我希望这有帮助!干杯。