如何将具有嵌套属性的JS对象添加到URL？

Question

我有类似这个结构的对象：

filters = {
    filters: {
        categoryFilters: {
            mainCategory: value1,
            subCategory: value2
        }
    }
}

我通过添加活动过滤器/排序来动态更新 URL：

url.searchParams.set('mainCategory', "val1")
window.history.replaceState(null, null, url)

我需要传递具有上面解释的结构的对象，所以我可以将它用作 PHP 中的关联数组，例如：

$filters = [
    "categoryFilters" => [
        "mainCategory" => val1,
        "childCategory" => val2,
        ...
    ]
]

我在没有嵌套属性的情况下向 URL 添加参数没有问题，但我在这个问题上遇到了困难。目标是从 URL 获取数据，因此 URL 的接收者（例如通过复制粘贴）将获得与发送者相同的结果。

此外，我正在使用 Symfony。