如何使Angular HTML5路由与Wordpress一起使用

时间:2018-09-20 19:25:15

标签: wordpress angular routing

嘿,我正在将一个6+应用程序集成到wordpress创建的网页中。 我已经确定该应用程序正在运行并且一切正常,但是似乎无法解决以下问题:当您通过单击wordpress外部的链接或将网址粘贴到地址栏中来打开有角度的app的路由时,wordpress说404

我这样子:

http://example.com/angularApp // This url opens fine

angularApp是由WP创建的页面(我在其中托管了脚本和样式)

当我尝试打开http://example.com/angularApp/somecustom路由时,WordPress告诉我该URL上没有任何内容。

我看到我需要使用某种重写,但是找不到一个很好的例子。你能帮我吗?

1 个答案:

答案 0 :(得分:0)

我将重写规则添加到了位于主题文件夹中的functions.php文件中。

我在function et_setup_theme()中添加了以下代码:

    add_action('init', 'custom_rewrite_basic_angularApp');

    function custom_rewrite_basic_icoranker() {
       add_rewrite_rule(
         'angularAppRoute',
         'index.php?page_id=116414',
         'top'
         );
     }

其中angularAppRoute是我将我的角度应用程序托管到的页面路由。

http://example.com/angularAppRoute

希望这对其他人也有帮助。