AngularJS Ui-Router嵌套视图不能与html5mode一起使用

我正在使用AngularJS和ui-router,我在使用 Html5Mode时遇到了嵌套视图的问题.这个问题只发生在html5上,如果我没有使用它,一切正常.我尝试使用base< base href =“/”>但没有奏效.

此外,问题只发生在嵌套视图中,在主ui视图上没问题.

这是我正在使用的代码：

的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>

儿童template.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`,我可以导航,但是当我刷新页面时,我会收到这样的错误：

资源解释为样式表,但使用MIME类型text / html进行传输

如果我使用WITHOUT< base href =“/”/>然后它根本不起作用.但同样,只有孩子的ui-view,父视图仍在工作.