Маскировать все запросы к подстранице на родительскую страницу

Question

У меня есть веб-сайт Wordpress с одной страницей, использующей Vuejs для отображения некоторых элементов.

Эта страница перенаправляется в / hire в WordPress, куда загружается файл Vuejs. Я отображаю «подстраницы» через Vuejs в настоящее время так: / hire / # камеры - как я могу удалить #, чтобы мои URL выглядели как / hire / camera

Я пробовал несколько вещей в .htaccess, но я продолжаю получать 404 со всем, что я пытаюсь ...

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /

#RewriteRule ^hire/([^/]+)/?$ hire [QSA,L]
RewriteRule ^(hire/)./$ /hire

RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

# END WordPress

Answer 1

Мне удалось заставить это работать с помощью следующей функции:

function hire_page_rewrite() {
  add_rewrite_rule( '^hire\/(.*)\/?', "index.php?page_id=7", 'top' );
}
add_action('init', __NAMESPACE__ . '\\hire_page_rewrite');