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

【问题标题】：Is there a way to successful integrate Vue Storefront Nuxt with Algolia Search Routing in SSR?有没有办法成功地将 Vue Storefront Nuxt 与 SSR 中的 Algolia 搜索路由集成？
【发布时间】：2021-07-05 19:29:18
【问题描述】：

将Algolia search 与VSF/Next branch 集成，了解基础知识。转到routing。

使用Vanilla Nuxt，集成工作正常，尽管变通方法开始叠加。

复制：

pull && yarn && yarn run dev
http://192.168.1.4:3000/ && 搜索东西
URL 被重写

checkout VSF 得到一个闪烁的重新渲染。

复制：

除转到 /Search 外与上述相同
为 Flash 重写 URL，然后渲染触发并返回原始路由

我的尝试：

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

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

【问题讨论】：

标签： vue.js nuxt.js server-side-rendering algolia vue-storefront

【解决方案1】：

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

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

【讨论】：