htmx - 如何使用 HTMX 为所有请求配置基本 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>