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

问题描述

将 Algolia search 与 VSF/Next branch 集成，了解基础知识。继续前往routing。

使用 Vanilla Nuxt 时，集成可以正常工作，但变通方法开始堆积。

转载：

1. pull && yarn && yarn run dev
2. http://192.168.1.4:3000/ && 搜索内容
3. URL 被重写

结帐 VSF 获得闪烁重新渲染。

转载：

1. 与上面相同，只是转到 /Search
2. URL 被重写为 flash，然后渲染触发并返回到原始路由

我的尝试：

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

参考： https://github.com/algolia/vue-instantsearch/issues/916（切线）

解决方法

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

的 nuxt comp 有关

我可以通过在默认模板中执行此操作来绕过它

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

基本上用触发重新渲染的键绕过合成，因为它使用引擎盖下的路由器......我猜。

这最终让我能够有效地使用集成代码：https://github.com/ed42311/algolia-vsf-routes/blob/main/layouts/default.vue#L11

虽然此解决方案有效，但我们感谢其他建议。