当templateUrl是Ionic中的php文件时出现404错误

时间:2015-12-15 11:44:54

标签: angularjs wordpress woocommerce ionic-framework ionic

我正在使用离子框架为我的woocommerce网站构建移动应用程序。我将包含Url stateProvider的主页模板包括在内:

.state('app.home', {
    url: '/home',
    views: {
        'menuContent': {
            templateUrl: 'http://example.com/wp-content/themes/app/templates/home.php',
        }
    }
})

home.php文件如下所示:

<?php
require_once('../../../../wp-blog-header.php');
require_once('../../../plugins/woocommerce/woocommerce.php');
require_once('../../../plugins/yith-woocommerce-wishlist/init.php');
echo 'Test Content';
// Image slider, product list etc future work.

但是它给出了404错误(Link)。如果直接在浏览器(Link)中输入,则相同的网址有效。

我尝试使用html模板,它可以正常工作。但这需要woocommerce api和其他插件的自定义api。 (如果php文件直接工作则不需要)

我们如何直接将php文件包含为模板?

1 个答案:

答案 0 :(得分:0)

您可以包含一个php文件,该文件在templateUrl属性中返回带有内容类型text / html的html模板。

事实上我遇到了同样的问题,当我包含php API返回一个模板时,它与#34;离子服务&#34;在浏览器上。

但是在创建了apk并在手机上运行后,它出现了404错误。

要解决此问题,您需要添加cordova白名单插件,在离子项目根命令行中键入以下内容:

cordova插件添加cordova-plugin-whitelist

此外,请确保您拥有cordova android@4.0.0 或更高版本,以便插件正常运行。

然后确保root config.xml包含<access origin="*"/>

您可以在index.html中添加以下元标记。

<meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline' 'unsafe-eval'">

按照上述说法,它一定会对你有所帮助。