vue router history的组件加载问题

Question

在使用原本的hash模式里切换页面也不需要重新加载的。但是现在切换到history模式后，点击加载其他页面就要重新加载全部内容。
要怎么才能像原来那样按需加载，不用全部重新加载

nginx

  location / {
    alias /web/XXX/web/dist/;
    try_files $uri $uri/ /index.html;
  }

Vue-Router

export default new Router({
    mode: 'history',
    history: true,
    routes: [
        {
            path: '/',
            name: 'index',
            component: (resolve) => {
                require(['./pages/index'], resolve)
            }
        }
        {
            path: '/note',
            name: 'note',
            component: (resolve) => {
                require(['./pages/note/index'], resolve)
            }
        }
        
    ]
})

Answer 1

把链接里的

<a href='/note'></a>

换成

<router-link to='/note'></router-link>

就行了。。我去

Answer 2

history模式下所有不走router机制的跳转都会重新请求所有内容，整不了的，所以得走router机制。