有没有办法成功地将 Vue Storefront Nuxt 与 SSR 中的 Algolia 搜索路由集成?

Is there a way to successful integrate Vue Storefront Nuxt with Algolia Search Routing in SSR?

整合 Algolia search with VSF/Next branch, got the basics down. Moving on to routing.

使用 Vanilla Nuxt 集成可以正常工作,尽管变通办法开始叠加。

转载:

  1. 拉&&纱线&&纱线运行开发
  2. http://192.168.1.4:3000/ && 搜索内容
  3. URL 被重写

结帐VSF 重新渲染闪烁。

转载:

  1. 除了转到 /Search
  2. 与上面相同
  3. URL 为 flash 重写然后渲染触发并返回到原始路线

我试过的:

  1. 单独构建两个存储库,这似乎不是 nuxt 本身的问题,更多的是 Vue StoreFront 的问题

参考: https://github.com/algolia/vue-instantsearch/issues/916(切线)

Okee 这与 nuxt comp 通过路线有关 <nuxt :key="$route.fullPath"/>

我可以通过在默认模板中这样做来绕过它

    <div v-if="String($route.name) === 'Search___en'"><search/></div>
    <div v-else ><nuxt :key="$route.fullPath"/></div>

基本上用触发重新渲染的密钥绕过 comp,因为它使用引擎盖下的路由器...我猜。

这就是最终让我有效使用集成代码的原因:https://github.com/ed42311/algolia-vsf-routes/blob/main/layouts/default.vue#L11

虽然此解决方案有效,但我们欢迎其他建议。