路由不适用于 HTML5-History-API

Question

在平均堆栈 Web 应用程序中，我使用 html5mode 并在 index.html 中包含以下代码：

<base href="/" />   
<script src="https://appsforoffice.microsoft.com/lib/1/hosted/office.js"></script>
<script src="https://cdn.rawgit.com/devote/HTML5-History-API/master/history.js"></script>

我定义了以下 angular-ui-router:

    .state('addinHome', {
        url: '/addin/home',
        template: "home page"
    })
    .state('addinTest', {
        url: '/addin/test',
        template: '<a href="addin/home">one</a>',
        controller: 'TestCtrl'
    })

然后，我转到 https://localhost:3000/addin/test，单击 one 会将我转到 https://localhost:3000/addin/test#%2Faddin%2Fhome，而我想转到 https://localhost:3000/addin/home。

如果我没有 office.js 和 history.js，单击 one 确实会将我带到 https://localhost:3000/addin/home。

有谁知道如何在保持 office.js 和 history.js 的情况下前往 https://localhost:3000/addin/home？

Answer 1

我找到了...只需使用

template: '<a href="addin/home" target="_self">one</a>'

路由不适用于 HTML5-History-API

Routing does not work well with HTML5-History-API

javascript

angularjs

html5-history

angular-ui-router

html5mode