Prerender SPA 插件不适用于嵌套路由

Posted 2023-02-22

【中文标题】Prerender SPA 插件不适用于嵌套路由

【英文标题】：Prerender SPA Plugin does not work with nested routes

【发布时间】：2018-04-06 08:52:56

【问题描述】：

我正在使用 Vue 2、Webpack、vue-router 和 Prerender Spa 插件。

我在尝试预渲染嵌套路由时遇到了问题。

该插件适用于路由'/' 和'/first-level'。 但是当我添加嵌套路由'/first-level/second-level' 时，输出html 与'/' 路由的index.html 相同。

这是我的 webpack 配置文件：

有人遇到过同样的问题吗？

【参考方案1】：

你的路由模式是什么？ 将您的路由模式更改为历史记录

const router: Router = new Router(
  mode: 'history', 
  routes, 
  scrollBehavior(to, from, savedPosition)  
    if (savedPosition)  
      return savedPosition; 
     else  
      return  x: 0, y: 0  
     
   
)

【讨论】：

你能在你的答案中输入代码吗？更容易查看，更人性化

const router: Router = new Router( mode: 'history', routes, scrollBehavior(to, from, savedPosition) if (savedPosition) return savedPosition; else return x: 0 , y: 0 )

【参考方案2】：

@Sandwell，我不确定这是插件的普遍问题。

我使用插件的版本^3.3.0，它在这里工作正常。虽然“this”不是答案，但这只是为了告诉你它可以使用插件。

如果此问题仍然存在，我愿意为您提供更多帮助。

干杯。