历史模式下的 Vue 3 路由器重新加载页面

如何解决历史模式下的 Vue 3 路由器重新加载页面

我正在使用历史模式

router.js：

const routes = [
    {
      path: '/',name: 'Promo',component: Promo,},{
      path: '/reviews',name: 'Reviews',component: Reviews,...
];

const router = createRouter({
    history: createWebHistory(),routes,})

.htaccess：

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

到 / 的路由器链接可以在转换时正常工作，无需重新加载，但是当路由器链接重定向到（例如）/reviews 时，vue 路由器会重新加载页面

我的错误在哪里？

解决方法

我遇到了同样的问题。试试这个方法：

<router-link
  custom
  class="menu-item link hover--big"
  :to="{ name: 'Reviews'}"
  v-slot="{ isActive,navigate }"
  @click="menuShowed = false">
  <div
    v-bind="$attrs"
    :class="isActive ? activeClass : inactiveClass"
    @click="navigate">
    {{ get('menuReviews') }}
  </div>
</router-link>