有没有办法成功地将 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 集成可以正常工作,尽管变通办法开始叠加。
转载:
- 拉&&纱线&&纱线运行开发
- http://192.168.1.4:3000/ && 搜索内容
- URL 被重写
结帐VSF 重新渲染闪烁。
转载:
- 除了转到 /Search
与上面相同
- URL 为 flash 重写然后渲染触发并返回到原始路线
我试过的:
- 单独构建两个存储库,这似乎不是 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
虽然此解决方案有效,但我们欢迎其他建议。
整合 Algolia search with VSF/Next branch, got the basics down. Moving on to routing.
使用 Vanilla Nuxt 集成可以正常工作,尽管变通办法开始叠加。
转载:
- 拉&&纱线&&纱线运行开发
- http://192.168.1.4:3000/ && 搜索内容
- URL 被重写
结帐VSF 重新渲染闪烁。
转载:
- 除了转到 /Search 与上面相同
- URL 为 flash 重写然后渲染触发并返回到原始路线
我试过的:
- 单独构建两个存储库,这似乎不是 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
虽然此解决方案有效,但我们欢迎其他建议。