如何使用 HTMX 为所有请求配置基本 url？

【问题标题】：How to configure base url for all requests using HTMX?如何使用 HTMX 为所有请求配置基本 url？
【发布时间】：2021-11-26 02:41:10
【问题描述】：

文档中的示例

  <button hx-post="/clicked"
       hx-trigger="click"
       hx-target="#parent-div"
       hx-swap="outerHTML">
    Click Me!
  </button>

我想将<scheme>://<netloc>/clicked 更改为<scheme>://<netloc>/api/v1/clicked，因此将/api/v1 添加到基本 URL 中，以便所有请求都使用此版本。该怎么做？

【问题讨论】：

标签： htmx

【解决方案1】：

我能想到的唯一解决方案就是改变事件路径。

            <script>
                document.body.addEventListener('htmx:configRequest', (event) => {
                    event.detail.path = `/api/v1/${event.detail.path}`
                })
            </script>

【讨论】：