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

Question

文档中的示例

  <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 中，以便所有请求都使用此版本。怎么做？

Answer 1

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

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

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

How to configure base url for all requests using HTMX?

htmx