如何解决有没有办法在 SSR 中成功地将 Vue Storefront Nuxt 与 Algolia 搜索路由集成?
将 Algolia search 与 VSF/Next branch 集成,了解基础知识。继续前往routing。
使用 Vanilla Nuxt 时,集成可以正常工作,但变通方法开始堆积。
转载:
- pull && yarn && yarn run dev
- http://192.168.1.4:3000/ && 搜索内容
- URL 被重写
结帐 VSF 获得闪烁重新渲染。
转载:
- 与上面相同,只是转到 /Search
- URL 被重写为 flash,然后渲染触发并返回到原始路由
我的尝试:
- 单独构建两个存储库,这似乎不是 nuxt 本身的问题,而是 Vue StoreFront 的问题
参考: https://github.com/algolia/vue-instantsearch/issues/916(切线)
解决方法
Okee 这与通过路线 <nuxt :key="$route.fullPath"/>
我可以通过在默认模板中执行此操作来绕过它
<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
虽然此解决方案有效,但我们感谢其他建议。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。